cari

Rumah  >  Artikel  >  hujung hadapan web  >  在页面自动执行（加载）js的几种解决方法，详细代码解析

在页面自动执行（加载）js的几种解决方法，详细代码解析

亚连
亚连asal
2018-05-18 09:42:212360semak imbas

下面是我给大家整理的在页面自动执行（加载）js的几种解决方法，有兴趣的同学可以去看看。

一、JS方法

1.最简单的调用方式，直接写到html的body标签里面：

<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>

3。

<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 来判断客户端能否上网（代码附上）

详细为你解析AJAX的使用方法(代码贴上)

有关AJAX的面试题（附有答案）

Atas ialah kandungan terperinci 在页面自动执行（加载）js的几种解决方法，详细代码解析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：利用js 来判断客户端能否上网（代码附上）Artikel seterusnya：简单易懂，javascript自学学习笔记

Artikel berkaitan

Lihat lagi