扫码关注官方订阅号
javascript代码不是放哪里都可以的吗?为什么在这必须放html后面?
放到html前面就不能执行,为什么?为什么有的代码可以前后都行?
走同样的路,发现不同的人生
加载顺序问题,你这样写 放在前面 后面的dom 还没有生成,当然不能执行了,
这是因为浏览器在获取到服务器返回的代码时是按照顺序执行的,所以如果html的dom树还没有完全生成,你执行js的时候,就会出现无法读取到某些元素的情况,这样js代码也就无法执行了。
一般回将一些js类库,如jquery放在<head>和<body>之间,因为body中的html可能会用到一些js的滚动框之类的代码,再在<body>后加载哪些个性化的js代码。这样做的好处是可以加快页面的加载速度,先把重要的dom框架和必要的js加载,然后再去执行一些前端的效果。
var file = document.getElementById('file');
你的JS代码是通过Id元素为file找到input框。如果你的Dom还没有加载完,就去找Id为file的input框就会出错
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
加载顺序问题,你这样写 放在前面 后面的dom 还没有生成,当然不能执行了,
这是因为浏览器在获取到服务器返回的代码时是按照顺序执行的,所以如果html的dom树还没有完全生成,你执行js的时候,就会出现无法读取到某些元素的情况,这样js代码也就无法执行了。
一般回将一些js类库,如jquery放在<head>和<body>之间,因为body中的html可能会用到一些js的滚动框之类的代码,再在<body>后加载哪些个性化的js代码。这样做的好处是可以加快页面的加载速度,先把重要的dom框架和必要的js加载,然后再去执行一些前端的效果。
你的JS代码是通过Id元素为file找到input框。如果你的Dom还没有加载完,就去找Id为file的input框就会出错