Tiga kaedah yang biasa digunakan untuk pelaksanaan automatik fungsi JS dalam kemahiran halaman web

Tiga kaedah yang biasa digunakan untuk pelaksanaan automatik fungsi JS dalam kemahiran halaman web_javascript

WBOY

Lepaskan： 2016-05-16 15:07:33

asal

1405 orang telah melayarinya

Artikel ini berkongsi kaedah biasa untuk melaksanakan fungsi JS secara automatik pada halaman web untuk rujukan anda. Kandungan khusus adalah seperti berikut

1. Kaedah JS
1. Cara paling mudah untuk membuat panggilan ialah menulis terus ke dalam teg badan html:

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

Salin selepas log masuk

2. Panggilan dalam pernyataan JS:

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

Salin selepas log masuk

Jenis ketiga

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

Salin selepas log masuk

2. Kaedah JQ

1. Laksanakan selepas semua dokumen seluruh halaman dimuatkan. Malangnya, kaedah ini bukan sahaja memerlukan pepohon DOM halaman dimuatkan sepenuhnya, tetapi juga memerlukan semua imej dan sumber luaran dimuatkan. Apa yang lebih malang ialah jika sumber luaran, seperti imej, mengambil masa yang lama untuk dimuatkan, maka pelaksanaan kaedah js ini akan terasa lebih perlahan. Dalam erti kata lain, ini adalah kaedah yang paling ketat untuk melaksanakan kaedah selepas halaman dimuatkan.
window.onload =function() { $("table tr:nth-child(even)").addClass("even"); //Ini ialah kod jquery};

2. Cuma muatkan semua struktur DOM dan laksanakan kaedah sebelum penyemak imbas meletakkan semua HTML ke dalam pepohon DOM. Disertakan sebelum memuatkan imej dan sumber luaran.
$(document).ready(function() { $("table tr:nth-child(even)").addClass("even"); //Sebarang kesan khas js yang perlu dilaksanakan });

Terdapat juga singkatan
$(function() { $("table tr:nth-child(even)").addClass("even"); //Sebarang kesan khas js yang perlu dilaksanakan });

Tiga kaedah biasa untuk melaksanakan fungsi JS secara automatik pada halaman web

Di kawasan Head dalam HTML, terdapat fungsi berikut:

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函数的代码，请自行修改先！

　　　alert("函数自动执行哦！"); 

　　} 

</SCRIPT>

Salin selepas log masuk

Seterusnya, kita akan fokus pada fungsi di atas dan biarkan ia berjalan secara automatik apabila halaman web dimuatkan!

①Kaedah pertama

Tukar kod di atas kepada:

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函数的代码，请自行修改先！

　　　alert("函数自动执行哦！"); 

　　} 

　　window.onload=MyAutoRun(); //仅需要加这一句

</SCRIPT>

Salin selepas log masuk

②Kaedah kedua

Ubah suai Badan halaman web kepada:

Atau tukar kepada:

③Kaedah ketiga

Gunakan pemasa JS untuk melaksanakan fungsi secara berselang-seli:

setTimeout("MyAutoRun()",1000); //Laksanakan fungsi MyAutoRun() setiap 1000 milisaat

Kaedah pelaksanaan adalah untuk menukar fungsi JS teratas kepada:

<SCRIPT  LANGUAGE="JavaScript"> 

　　functionn MyAutoRun()

　　{ 

　　　//以下是您的函数的代码，请自行修改先！

　　　alert("函数自动执行哦！"); 

　　} 

　　setTimeout("MyAutoRun()",1000); //这样就行拉

</SCRIPT>

Salin selepas log masuk

Kaedah lain lebih istimewa, tidak biasa digunakan, dan tidak terlalu serba boleh, jadi saya tidak akan memperkenalkannya!

Perkara di atas memperkenalkan kepada anda kaedah perlaksanaan automatik fungsi JS saya harap ia akan membantu pembelajaran anda.