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

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

亚连

Lepaskan： 2018-05-18 09:42:21

asal

2341 orang telah melayarinya

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

一、JS方法

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

<body onload="myfunction()">
<html> <body onload="func1();func2();func3();"> </body> </html>

Salin selepas log masuk

2.在JS语句调用：

<script type="text/javascript">
　　function myfun() 　　
{ 　　 alert("this window.onload"); 　　} 　　/*用window.onload调用myfun()*/　　
window.onload = myfun;//不要括号
</script>

Salin selepas log masuk

3。

<script type="text/javascript">
window.onload=function(){
func1();
func2();
func3(); }
</script>

Salin selepas log masuk

二、JQ方法

1.整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成，而且要求所有的外部图片和资源全部加载完成。更不幸的是，如果外部资源，例如图片需要很长时间来加载，那么这个js方法执行感觉就比较慢了。也就是说这是一种最严谨的页面加载完再执行方法的方法。

window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //这个是jquery代码 };

Salin selepas log masuk

2.仅只需要加载所有的DOM结构，在浏览器把所有的HTML放入DOM tree之前就执行方法。包括在加载外部图片和资源之前。

$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 });

Salin selepas log masuk

还有一种简写方式

$(function() { $("table tr:nth-child(even)").addClass("even"); //任何需要执行的js特效 });

Salin selepas log masuk

上面是我整理给大家的，希望今后会对大家有帮助。

利用js 来判断客户端能否上网（代码附上）

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

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

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

Php8, saya datang juga

Ketahui reka letak tapak web dalam masa 30 minit

Tutorial Video Permulaan Shangguan Oracle kepada Mahir

Baris pertama kod UNI-APP anda

Berkibar dari awal ke pelancaran apl

Tutorial Video Linux Baharu Brother Lian

Tutorial Video AXURE 9 (Sesuai untuk UI Reka Bentuk Produk Interaktif Pengurus Produk)

Tutorial Video PS Kemahiran Asas Sifar

Tutorial video UI 16 hari untuk anda bermula

Tutorial Video Teknik PS dan Teknik Menghiris

Tutorial Video Pembinaan Persekitaran Awan Alibaba dan Pelancaran Projek

Gambaran Keseluruhan Rangkaian Komputer - Pengetahuan Asas yang Perlu Dikuasai Pengaturcara

Tutorial Penting untuk Pengaturcara - Penjelasan Protokol HTTP

Tutorial Video Websocket

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