本文由 发布，转载请注明出处，如有问题请联系我们！ 发布时间: 2021-08-01js如何获取input里面的值-vue双向绑定原理

朋友跟我说，它用jQuery没法获得网页页面上键入的掩藏原素的值，他的html网页页面大概如下所示。

探讨Html网页页面內容实行次序var userId = $('#hiddenUserId').val();var contextPath = $('#hiddenContextPath').val();var userName = $('#hiddenUserName').val();

网页页面中的JS脚本在头顶部，JS脚本要导入的键入在行为主体。电脑浏览器按序载入html网页页面內容，也就是先载入html网页页面，因此载入到JS脚本时，键入都还没载入到电脑浏览器中。JS是一个实证性脚本制作，也是从上向下先后实行的。由于这一JS代碼是立即执行的，因此当JS实行的情况下，键入的值是没法载入的。

最立即的改动方式便是把JS放到网页页面的底端并实行。

探讨Html网页页面內容实行次序 var userId = $('#hiddenUserId').val();var contextPath = $('#hiddenContextPath').val();var userName = $('#hiddenUserName').val();

把JS放到网页页面底端，那样在实行JS的情况下，网页页面就早已载入好啦。将JS放到网页页面底端并并不是最好是的解决方法。在绝大多数状况下，JS并不一直放到网页页面的底端。这时能够运行window的onload事情，全部页面加载后开启，能够将JS脚本放到onload中实行。不一样的电脑浏览器以不一样的方法加上onload事情。

工业工程专业下的事情:

window.attachEvent('onload', function(){var userId = $('#hiddenUserId').val();var contextPath = $('#hiddenContextPath').val();var userName = $('#hiddenUserName').val();});

Chrome/Firefox和别的DOM规范事情:

window.addEventListener('load', function(){var userId = $('#hiddenUserId').val();var contextPath = $('#hiddenContextPath').val();var userName = $('#hiddenUserName').val();});

由于不一样的电脑浏览器加上事情的方法不一样，jQuery为大家出示了一个常用的复位方式，在页面加载时开启。

$(function(){var userId = $('#hiddenUserId').val();var contextPath = $('#hiddenContextPath').val();var userName = $('#hiddenUserName').val();});

以上方式的实质是加上onload监视事情。

最终改动的网页页面。

探讨Html网页页面內容实行次序$(function(){var userId = $('#hiddenUserId').val();var contextPath = $('#hiddenContextPath').val();var userName = $('#hiddenUserName').val();});