js页面加载后执行的几种方式小结
在实际应用中往往需要在页面加载完毕之后再去执行相关的js代码，之所以这么操作是有道理的，如果是操作dom元素，如果相关元素没有加载完成，而去执行js代码，可能会导致错误，下面就介绍一下如何实现页面加载完成再去执行代码，这是最为基础的知识了，可能初学者还不太了解，寄希望能够给需要的朋友带来一定帮助。
一.window.onload事件:
代码如下:
原生js
window.onload=function(){
//code
}
jquery
$(window).load(function(){
//code
});
当页面完全加载完毕之后再去执行code代码。说明页面需要dom操作，必须到最后才可以执行。
二.使用jQuery的ready事件:
$(document).ready(function() {
//code
});
一般
(function () {
//code
}
})();
当稳当结构加载完毕再去执行codehtml" target="_blank">代码。
通用的页面加载后再运行JS有两种方式：1、在DOM加载完毕后，页面全部内容（如图片等）完全加载完毕前运行JS。 2、在页面全部内容加载完成（包括引用文件，图片等）之后再加载JS
1、在DOM加载后，全部内容加载前运行
这种方式在同一文件中可以运行多个且不会覆盖。
由于在$(document).ready()方法只要DOM就绪就会被执行，因此可能此时元素的关联文件未下载完。例如与图片有关的HTML下载完毕，并且已经解析为DOM树了，但很有可能图片还未加载完毕，所以例如图片的高度和宽度这样的属性此时不一定有效。要解决这个问题，可以使用Jquery中 load（）方法在需要的文件加载完毕后对其进行操作。
$(document).ready(function(){});
$().ready(function(){}) //简写 当$()不带参数时默认就是document
$(function(){}); //简写
2、在全部内容加载后运行
这种方式中只能执行一个 onload代码，当文件由多个onload或者load，只加载最后一个，前面的将会被覆盖且前面的onload里面的代码不会执行。
window.onload = function(){}; // —-js
$(window).load(function(){}); //---jquery
3、DOM文档加载步骤
1.解析HTML结构
2.加载外部的脚本和样式文件
3.解析并执行脚本代码
4.执行$(function(){})内对应代码
5.加载图片等二进制资源
6.页面加载完毕，执行window.onload
补充：
1：$(function){};
2：$(document).ready(function(){});
3：$(window).load(function(){});
4：window.onload = function(){};
5：在标签上静态绑定onload事件，<body onload="aaa()">等待body加载完成，就会执行aaa()方法。
注：第1种是第2种的简写方式。两个是document加载完成后就执行方法。第3种和第4种都是等到整个window加载完成执行方法体。两者也没有区别，只是一个使用dom对象，一个使用jQuery对象。
执行顺序：1和2无论放在哪里都是最先执行，3和4在其之后执行，5最后执行
-
本文向大家介绍Js面向对象的几种方式相关面试题，主要包含被问及Js面向对象的几种方式时的应答技巧和注意事项，需要的朋友参考一下 1.对象的字面量 var obj = {} 2.创建实例对象 var obj = new Object(); 3.构造函数模式 function fn(){} , new fn(); 4.工厂模式：用一个函数，通过传递参数返回对象。function fn(params){
-
本文向大家介绍js实现页面跳转重定向的几种方式，包括了js实现页面跳转重定向的几种方式的使用技巧和注意事项，需要的朋友参考一下 第一种： 第二种： 第三种： 第四种： 第五种：
-
问题内容： 我正在使用inside 执行外部脚本。 现在，由于脚本是 在 页面加载 之前 执行的，因此我无法访问。在文档“加载”后（HTML已完全下载并在RAM中），我想执行一些JavaScript。执行脚本时，是否有任何我可以挂上的事件，这些事件将在页面加载时触发？ 问题答案： 这些解决方案将起作用： 要么 甚至 请注意， 最后一个选项是更好的选择，因为它不引人注目并且被[认为是更标准的。
-
本文向大家介绍mysql命令行中执行sql的几种方式总结，包括了mysql命令行中执行sql的几种方式总结的使用技巧和注意事项，需要的朋友参考一下 1.直接输入sql执行 MySQL> select now(); +---------------------+ | now() | +---------------------+ | 2013-09-18 13:55:45 | +----------
-
本文向大家介绍让Python脚本暂停执行的几种方法(小结)，包括了让Python脚本暂停执行的几种方法(小结)的使用技巧和注意事项，需要的朋友参考一下 1.time.sleep(secs) 参考文档原文： Suspend execution for the given number of seconds. The argument may be a floating point number to
-
本文向大家介绍Python 脚本的三种执行方式小结，包括了Python 脚本的三种执行方式小结的使用技巧和注意事项，需要的朋友参考一下 1.交互模式下执行 Python，这种模式下，无需创建脚本文件，直接在 Python解释器的交互模式下编写对应的 Python 语句即可。 1）打开交互模式的方式： Windows下： 在开始菜单找到“命令提示符”，打开，就进入到命令行模式： 在命令行模式输入：