为了账号安全,请及时绑定邮箱和手机立即绑定

怎么才能让script标签在head标签中也能生效

由于解析的时候从上往下,script标签必须放在body中才能正确显示,那怎样才能让script标签放在head标签中也能正常显示?

正在回答

3 回答

<script type="text/javascript">
    window.onload = function  () {
    
var mychar= document.getElementById("con");
     mychar.style.color="red";
     mychar.style.backgroundColor="#ccc";
     mychar.style.width="200px";
    }
</script>

2 回复 有任何疑惑可以回复我~
#1

Denth 提问者

thanks
2017-04-05 回复 有任何疑惑可以回复我~

window.onload = function  () {}这是原生js的方法,作用是让dom加载完毕再加载里面的js,但是有一点不好的是,如果页面中有很多图片,那么,这个方法会导致,要等到所有图片都加载完毕才会使用里面的js。也就是说,用户打开页面,将无法一下子看到我们用js做出的效果,必须要图片加载完。

解决办法:学习Jqurery的$(document).ready,

0 回复 有任何疑惑可以回复我~

我觉得这个script的位置并没有关系,从上往下应该是网页加载的样式,script有放在head的,也有放在body里面的,应该是个人喜好。而网页完全下载到浏览器之后,应该是对样式设置标签如class,id,script之类的先进行预处理,然后才开始从上往下进行解析,也就是script优先于主体内容进行处理解析的哦

0 回复 有任何疑惑可以回复我~
#1

Denth 提问者

那为什么将script标签放在body中,样式不能显示
2017-04-04 回复 有任何疑惑可以回复我~
#2

安妮的奇幻仙境 回复 Denth 提问者

请问你有代码或者代码截图发来我看看吗,看看能否帮到你,一起探讨
2017-04-04 回复 有任何疑惑可以回复我~
#3

75克酸奶

script 放在 head 的优先级比 放在body高吗 ?如果从上往下, body会覆盖 head 里的script ?
2017-04-06 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

怎么才能让script标签在head标签中也能生效

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信