欢迎光临站壳网!我们为您提供最优质的建站资源!

当前位置: 站壳网>建站教程>网站优化教程> 浅谈一下JS函数文件库的位置导致网页错误的问题
分享本文到:

浅谈一下JS函数文件库的位置导致网页错误的问题

发布时间:05/06 来源:www.zhankr.net 浏览: 关键词:

 
今天想着从一个网站上扒拉一段代码,本来不算是很复杂的代码,也很快的弄好代码,可是看着JS文件库放在网页后面有些不得劲儿,一般我都是将它们放在<head></head>之间的,对于放在<body></body>之间的JS代码有一种强迫症的厌恶,结果问题出现了,把JS文件库调用代码放到<head></head>之间后,更新网页竟然出现了错误,代码的效果不能够实现,很不好。百度了一下,明白了道理,分享出来。
这个问题我们需要从浏览器解析代码的顺序说起,几乎所有的浏览器都是这个样子,对HTML代码都是按照从上到下的顺序解析,当我们把JS函数库文件放到前面的时候,JS函数库里面涉及的DEMO的ID并没有出现会导致返回一个空值,此时浏览器代码解析还没有到<body>里面,自然会导致错误的出现,即便浏览器解析完毕全部的代码,刷新页面这个错误也不可避免,所以导致错误是一种必然,当然了,这种情况也不是不能够避免,如果你和我有一样的代码位置强迫症的话,就这样修改一下JS文件里面的代码:
方式一用jquery的方式:
$(document).ready(function(){你的js代码})

方式二用window.onload的方式:
window.onload=function(){你的js代码}
我使用的是第一种方式,第二种方式没有测试,说到这里还是要说一句,就是大家最好把函数代码放到JS文件库里面,这样子方便日后有问题修改,好了就说到这里了。

当前文章网址:http://www.zhankr.com/jiaocheng/youhua/201605/1615.html 转载请注明出处!

共有220人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论
顶部