JS做放大缩小的效果时，JS为什么在HEAD中没效果？？
先上代码： //我运行的时候会取消掉注释的
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>08work</title> <!-- 111 <script> window.onload = function(){ var imgElement = document.getElementById("outInPic"); imgElement.width=500; function zoomIn(){ imgElement.width-=100; } function zoomOut(){ imgElement.width+=100; }} </script> --> </head> <body> <img src="鸣人1.jpg" alt="鸣人" title="漩涡鸣人" id="outInPic" width="300"> <button onclick="zoomIn()">缩小</button> <button onclick="zoomOut()">放大</button> <!--222 <script> var imgElement = document.getElementById("outInPic"); imgElement.width=500; function zoomIn(){ imgElement.width-=100; } function zoomOut(){ imgElement.width+=100; }</script> --> </body> </html>
百度过后说是浏览器的加载顺序，然后尝试了window.onload = function(){} $(document).ready(function优艾设计网_设计客){}
结果没什么用..
只有在将js放在body后才有用（主要是 img 后面，在button前面没关系）。
问：到底怎么做才可以让它在head中有效果...window.onload这个为什么会没效果（因为大家都说加这个就可以了）
_WeCh****549644 优艾设计网_设计百科 15小时前
注意通过属性绑定事件的问题：
七七宝贝2017 优艾设计网_PS百科 15小时前
按你的需求，解决方案是在 window.onload 之前定义 zoomIn 和 zoomOut。也就是将其放在 window.onload 外面。
周家民俗 14小时前 优艾设计网_设计客
作用域的问题，另外说一句你这写法很有问题
桐花思雨发呆草疏清浅张先生 14小时前 优艾设计网_设计LOGO
天堂代亦 14小时前 优艾设计网_平面设计
zoomIn 和 zoomOut 是在 window.onload 中定义的函数
qkoufu230 14小时前
window.onload 是事优艾设计网_平面设计件在页面元素渲染完毕后的回调
加载中,请稍侯......
精彩评论