优艾设计网

JS做放大缩小的效果时,JS为什么在HEAD中没效果??

优艾设计网 https://www.uibq.com 2023-06-11 07:29 出处:网络 作者:在线设计
先上代码: //我运行的时候会取消掉注释的 <!doctype html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <title>08work</title> <!-- 111 <script> window.o

先上代码: //我运行的时候会取消掉注释的

<!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 之前定义 zoomInzoomOut。也就是将其放在 window.onload 外面。


周家民俗 14小时前

优艾设计网_设计客

作用域的问题,另外说一句你这写法很有问题


桐花思雨发呆草疏清浅张先生 14小时前

优艾设计网_设计LOGO


天堂代亦 14小时前

优艾设计网_平面设计

zoomInzoomOut 是在 window.onload 中定义的函数


qkoufu230 14小时前

window.onload 是事优艾设计网_平面设计件在页面元素渲染完毕后的回调


0

精彩评论

暂无评论...
验证码 换一张
取 消