把一段js放到head 里面去为什么就没有效果了
写了一个简单的js调整宽度的代码
但是我把那段js放在 head里面去 js就失效了
卸载html里面 js就可以用为什么
是因为我在head 里面写了css 吗
css 都能用的
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script type="text/javascript">var demo2 = document.getElementById('aa');demo2.style.width = '200px';demo2.style.height = '200px';</script></head><body><div id="aa" style="background:rgba(14,120,105,1.00)">aaaaaaaa</div></body></html>
js代码一般要等页面加载完成后才能出现效果，要不然你要处理的对象都不存在，js怎么可能有效果呢？所以js代码一般放在后面。
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2018-04-12
你把js代码用window.onload=function(){
放这里
}包裹起来追问
var demo2 = document.getElementById('aa');
demo2.style.width = '200px';
demo2.style.height = '200px';
}
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var demo2 = document.getElementById('aa');
demo2.style.width = '200px';
demo2.style.height = '200px';
}
</script>
</head>
<body>
<div id="aa" style="background:rgba(14,120,105,1.00)">aaaaaaaa</div>
</body>
</html>本回答被提问者采纳
放这里
}包裹起来追问
我没有写function
直接写了获取一个id
var demo2 = document.getElementById('aa');
demo2.style.width = '200px';
demo2.style.height = '200px';
就这样的
如果我把这段代码放在head里面js就没有效果
而如果放在body里面确有效果
var demo2 = document.getElementById('aa');
demo2.style.width = '200px';
demo2.style.height = '200px';
}
这样放在头部就没问题。
追问还是不行 能加qq 聊吗
1124579592
你把你所有的代码复制上来，我看看。
追问在补充问题里面 你看一下
追答那只有一部分诶，所有的代码贴上来。或者你截个图看看报什么错。
追问你看一下 我点了实时视图
我的js写的修改div 的宽高的
但是没有修改
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var demo2 = document.getElementById('aa');
demo2.style.width = '200px';
demo2.style.height = '200px';
}
</script>
</head>
<body>
<div id="aa" style="background:rgba(14,120,105,1.00)">aaaaaaaa</div>
</body>
</html>本回答被提问者采纳
相似回答
