【凯发ag旗舰厅登录网址下载的解决方案】如何实现在html页面加载完毕后运行某个js -凯发ag旗舰厅登录网址下载

前景：

今天在开发过程中，发现我js文件里面的方法没有响应，后来发现是js在html中引入的位置不对。我在head中加载了js，导致我js中的document.getelementbyid方法失效。因为html中是按顺序读取运行的，那么head中的js是无法获取后者body中的元素，导致document.getelementbyid 找不到相应的id对象，自然没法执行之后的方法（function）了。

凯发ag旗舰厅登录网址下载的解决方案：

1、把js文件放在html的最后面。这个方法简单粗暴，但是代码看上去显得有点凌乱，一般我们习惯在head中加载所需的全部js、css等。所以建议用后者方法。

2、在js中的把需要最后执行的代码套一个window.onload = function () {...}

例子：

.html中：

.js中： var button = document.getelementbyid('button');button.onclick = function () {alert("你点击了一个按钮");}
如果你直接这样写的话，你点按钮是木有用滴。

原因就是在没加载body里面的元素之前，你这个button的id去哪儿找？找不到这个button，谈毛onclick的function函数。

所以，正确的代码如下：

window.onload = function () {var button = document.getelementbyid('button');button.onclick = function () {alert("你点击了一个按钮");} }

3、如果你用的是jquery的话，那就是$(document).ready(function(){...})

      ps:可以简写为：$(function(){...})

转载于:https://www.cnblogs.com/fifteen718/p/9533964.html

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的【凯发ag旗舰厅登录网址下载的解决方案】如何实现在html页面加载完毕后运行某个js的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错，欢迎将凯发ag旗舰厅登录网址下载推荐给好友。