您的位置：首页 > 数码常识数码常识
html页面的加载顺序（js在html中的加载执行顺序）
2025-05-15人已围观
html页面的加载顺序（js在html中的加载执行顺序）
同事跟我说他用jQuery取不到页面上隐藏元素input的值，他的html页面大概内容如下。
js在html中的加载执行顺序
页面中的JS脚本在head中，JS脚本要读取的input在body中。浏览器对html页面内容的加载是顺序加载，也就是在html页面中前面先加载，因此当加载到JS脚本时，input还没有加载到浏览器中。JS是一种解释性的脚本，也是从上而下顺序执行，由于这段JS代码是立即执行的，所以当JS在执行的时候，读取不到input的值。
最直接的修改方法是把JS放到网页的最下面执行。
把JS放到网页的最下面，这样在JS执行的时候，网页内容都已经加载完毕。把JS放在网页的最下面方法并不是最好的解决方法，大部分情况JS并不是总能放在网页的最下面。这时可以用window的onload事件，onload事件在整个页面都加载完成后才触发，可以把JS脚本放在onload里面执行。不同浏览器onload事件添加方式也不一样。
IE下事件：
Chrome/Firefox等DOM标准事件：
由于不同浏览器的事件添加方式不一样，jQuery为我们提供了通用的初始化方法，该方法在页面加载完成时触发。
上面方法本质就是添加onload监听事件。
最终修改后的页面
上面就是小居数码小编今天给大家介绍的关于（js在html中的加载执行顺序）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。
94%的朋友还想知道的：
微信调整支付顺序流程（微信怎么调整支付顺序）
ppt制作流程的正确顺序是什么（做ppt的步骤和顺序是什么）
html页面的加载顺序（HTML页面的基本结构）
excel序号自动更新函数（excel表格序号自动更新顺序公式）
155965
同事跟我说他用jQuery取不到页面上隐藏元素input的值，他的html页面大概内容如下。
js在html中的加载执行顺序
页面中的JS脚本在head中，JS脚本要读取的input在body中。浏览器对html页面内容的加载是顺序加载，也就是在html页面中前面先加载，因此当加载到JS脚本时，input还没有加载到浏览器中。JS是一种解释性的脚本，也是从上而下顺序执行，由于这段JS代码是立即执行的，所以当JS在执行的时候，读取不到input的值。
最直接的修改方法是把JS放到网页的最下面执行。
把JS放到网页的最下面，这样在JS执行的时候，网页内容都已经加载完毕。把JS放在网页的最下面方法并不是最好的解决方法，大部分情况JS并不是总能放在网页的最下面。这时可以用window的onload事件，onload事件在整个页面都加载完成后才触发，可以把JS脚本放在onload里面执行。不同浏览器onload事件添加方式也不一样。
IE下事件：
Chrome/Firefox等DOM标准事件：
由于不同浏览器的事件添加方式不一样，jQuery为我们提供了通用的初始化方法，该方法在页面加载完成时触发。
上面方法本质就是添加onload监听事件。
最终修改后的页面
上面就是小居数码小编今天给大家介绍的关于（js在html中的加载执行顺序）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。
94%的朋友还想知道的：
微信调整支付顺序流程（微信怎么调整支付顺序）
ppt制作流程的正确顺序是什么（做ppt的步骤和顺序是什么）
html页面的加载顺序（HTML页面的基本结构）
excel序号自动更新函数（excel表格序号自动更新顺序公式）
155965
很赞哦！ ()