河南企业站seo,网站新闻源码,门户网站html模板,seo网站推广招聘前些天发现了一个巨牛的人工智能学习网站#xff0c;通俗易懂#xff0c;风趣幽默#xff0c;忍不住分享一下给大家。点击跳转到教程。
看到知乎上有很多讨论关于javascript位置的文章。所以特意留意了这方面的问题。 首先要了解到的是#xff1a; html文件是自上而下的执…前些天发现了一个巨牛的人工智能学习网站通俗易懂风趣幽默忍不住分享一下给大家。点击跳转到教程。
看到知乎上有很多讨论关于javascript位置的文章。所以特意留意了这方面的问题。 首先要了解到的是 html文件是自上而下的执行方式但引入的css和javascript的顺序有所不同css引入执行加载时程序仍然往下执行而执行到script脚本是则中断线程待该script脚本执行结束之后程序才继续往下执行。 所以大部分网上讨论是将script脚本放在body之后那样dom的生成就不会因为长时间执行script脚本而延迟阻塞加快了页面的加载速度。 但又不能将所有的script放在body之后因为有一些页面的效果的实现是需要预先动态的加载一些js脚本。所以这些脚本应该放在body之前。 其次不能将需要访问dom元素的js放在body之前因为此时还没有开始生成dom所以在body之前的访问dom元素的js会出错或者无效 直接上代码
/headscript typetext/javascriptdocument.getElementById(text).innerHTMLhello world;/scriptbodyh1 idtext/h1/body
/html 此时结果空白一片。 将script脚本放在body之后
bodyh1 idtext/h1
/body
script typetext/javascriptdocument.getElementById(text).innerHTMLhello world;
/script 有了结果所以我认为script放置位置的原则“页面效果实现类的js应该放在body之前动作交互事件驱动需要访问dom属性的js都可以放在body之后”。 转自http://www.cnblogs.com/iamwangxupeng/p/4950255.html
