Peranan tag skrip dalam JS

Peranan tag skrip dalam JS

Dalam pembangunan web, JavaScript (pendek kata JS) ialah bahasa skrip yang agak biasa. Teg skrip ialah cara untuk membenamkan kod JavaScript dalam dokumen HTML. Artikel ini akan memperkenalkan secara terperinci peranan teg skrip dan contoh kod khususnya.

1. Peranan tag skrip

1. Skrip terbenam: Teg skrip ialah cara untuk membenamkan kod JavaScript ke dalam dokumen HTML. Dengan menulis kod JavaScript dalam teg skrip, anda boleh melaksanakan fungsi kaya, seperti pengesahan borang, interaksi halaman, pemprosesan acara, dsb.
2. Memperkenalkan skrip luaran: Teg skrip boleh digunakan untuk memperkenalkan fail skrip JavaScript luaran. Dengan menentukan laluan ke fail skrip luaran melalui atribut src, halaman web boleh mencapai penggunaan semula kod dan mengurangkan saiz dokumen HTML.
3. Pemuatan malas: Atribut async dan defer dalam teg skrip boleh mengawal cara skrip dimuatkan. Atribut async menunjukkan bahawa skrip dimuatkan secara tidak segerak, dilaksanakan serta-merta selepas dimuatkan, dan tidak menghalang penghuraian dokumen HTML. Atribut tangguh menunjukkan bahawa skrip ditangguhkan dan akan dilaksanakan serta-merta selepas dokumen HTML dihuraikan.

2. Contoh kod khusus

1. Skrip terbenam
   
   fungsi sayHello() {
   alert('Hello, World!');
   }
   sayHello();
   Kod mentakrifkan fungsi bernama sayHello dalam teg skrip, dan dengan memanggil fungsi tersebut, kotak gesaan muncul untuk memaparkan "Hello, World!". Kod ini boleh dimasukkan terus di mana-mana dalam dokumen HTML untuk mencapai kesan interaktif yang sepadan.
   
Memperkenalkan skrip luaran
2. 
   Kod di atas akan memperkenalkan fail skrip luaran bernama example.js, yang perlu berada dalam direktori yang sama dengan dokumen HTML . Sebarang kod JavaScript yang sah boleh ditulis dalam fail example.js.
   
Malas memuat
3. 
   
   Kod di atas menggunakan atribut async dan defer masing-masing Untuk melakukan pemuatan tak segerak dan pemuatan malas skrip. Atribut async menunjukkan bahawa skrip dimuatkan dan dilaksanakan secara tidak segerak, manakala atribut tangguh menunjukkan bahawa skrip ditangguhkan dimuatkan dan dilaksanakan selepas dokumen HTML dihuraikan.
   

Perlu diambil perhatian bahawa atribut async hanya boleh digunakan apabila skrip tidak bergantung pada skrip atau kandungan dokumen lain sesuai untuk situasi yang perlu untuk memastikan skrip dimuatkan dan dilaksanakan mengikut urutan .

Ringkasan:

teg skrip memainkan peranan penting dalam pembangunan JavaScript. Melalui teg skrip, kami boleh membenamkan skrip dalam dokumen HTML untuk mencapai fungsi yang kaya. Pada masa yang sama, teg skrip juga boleh memperkenalkan fail skrip JavaScript luaran untuk menjadikan kod halaman web lebih ringkas dan jelas. Di samping itu, anda juga boleh menggunakan atribut async dan defer untuk mengawal kaedah pemuatan skrip untuk mencapai pemuatan tak segerak dan pemuatan skrip tertangguh.

Penggunaan tag skrip yang berkesan akan membantu meningkatkan interaktiviti dan pengalaman pengguna halaman web, meningkatkan kecekapan pembangunan dan mengurangkan pertindihan kod. Saya harap artikel ini membantu anda memahami peranan tag skrip.

Atas ialah kandungan terperinci Peranan tag skrip dalam JS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!