这篇文章主要为大家详细介绍了网页中 JS 函数自动执行常用三种方法,感兴趣的小伙伴们可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <body onload="myfunction()">
- <html>
- <body onload="func1();func2();func3();">
- </body>
- </html>
2. 在 JS 语句调用:
- <script type="text/javascript">
- function myfun() {alert("this window.onload");
- }
- /*用window.onload调用myfun()*/
- window.onload = myfun; //不要括号
- </script>
第三种
- <script type="text/javascript">
- window.onload=function(){
- func1();
- func2();
- func3(); }
- </script>
二、JQ 方法
1. 整个页面的 document 全部加载完成以后执行。不幸的这种方式不仅要求页面的 DOM tree 全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个 js 方法执行感觉就比较慢了。也就是说这是一种最严谨的页面加载完再执行方法的方法。
window.onload =function() { $("table tr:nth-child(even)").addClass("even"); // 这个是 jquery 代码 };
2. 仅只需要加载所有的 DOM 结构,在浏览器把所有的 HTML 放入 DOM tree 之前就执行方法。包括在加载外部图片和资源之前。
$(document).ready(function() {$("table tr:nth-child(even)").addClass("even"); // 任何需要执行的 js 特效 });
还有一种简写方式
$(function() {$("table tr:nth-child(even)").addClass("even"); // 任何需要执行的 js 特效 });
在网页中 JS 函数自动执行常用三种方法
在 HTML 中的 Head 区域中,有如下函数:
- <SCRIPT LANGUAGE="JavaScript">
- functionn MyAutoRun()
- {
- //以下是您的函数的代码,请自行修改先!
- alert("函数自动执行哦!");
- }
- </SCRIPT>
下面,我们就针对上面的函数,让其在网页载入的时候自动运行!
①第一种方法
将如上代码改为:
- <SCRIPT LANGUAGE="JavaScript">
- functionn MyAutoRun()
- {
- //以下是您的函数的代码,请自行修改先!
- alert("函数自动执行哦!");
- }
- window.onload=MyAutoRun(); //仅需要加这一句
- </SCRIPT>
②第二种方法
修改网页的 Body 为:
<body onLoad="MyAutoRun();">
或者改为:
<body onLoad="javascript:MyAutoRun();">
③第三种方法
使用 JS 定时器来间断性的执行函数:
setTimeout("MyAutoRun()",1000); // 隔 1000 毫秒就执行一次 MyAutoRun() 函数
实现方法,将最上面的那 JS 函数,改为:
- <SCRIPT LANGUAGE="JavaScript">
- functionn MyAutoRun()
- {
- //以下是您的函数的代码,请自行修改先!
- alert("函数自动执行哦!");
- }
- setTimeout("MyAutoRun()",1000); //这样就行拉
- </SCRIPT>
其它的方法比较特殊,也不常用,通用性也不大,就不介绍了!
来源: http://www.phperz.com/article/17/0217/266498.html