cari

Rumah >hujung hadapan web >tutorial js >Tiga kaedah yang biasa digunakan untuk pelaksanaan automatik fungsi JS dalam kemahiran halaman web_javascript

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

WBOY
WBOYasal
2016-05-16 15:07:331394semak imbas

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>

2. Panggilan dalam pernyataan JS: 

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

Jenis ketiga

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

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>

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>

②Kaedah kedua

Ubah suai Badan halaman web kepada:

05ae2b4cc5780328894ea910279ade0c

Atau tukar kepada:

a9a58ef1e6192c2cb0d663fe07e42b24

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

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.

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：Melaksanakan Ajax untuk mengesahkan sama ada nama pengguna wujud berdasarkan jQuery_jqueryArtikel seterusnya：Melaksanakan Ajax untuk mengesahkan sama ada nama pengguna wujud berdasarkan jQuery_jquery

Artikel berkaitan

Lihat lagi