Rumah >hujung hadapan web >tutorial js >Penjelasan terperinci tentang gabungan kemahiran JavaScript dan HTML_javascript

Penjelasan terperinci tentang gabungan kemahiran JavaScript dan HTML_javascript

WBOYasal: 2016-05-16 15:30:291400semak imbas

Skrip JavaScript dalam HTML mesti diletakkan di antara teg 855348821b2e8f2cc4b633bf98f064df dan 2cacc6d41bbb37262a98f745aa00fbf0 Ia bergantung, biasanya diletakkan dalam teg 93f0f5c25f18dab9d176bd4f6de5d30e
1. 855348821b2e8f2cc4b633bf98f064df Jika anda perlu memasukkan skrip JavaScript pada halaman HTML, gunakan skrip & gt; 855348821b2e8f2cc4b633bf98f064df dan 2cacc6d41bbb37262a98f745aa00fbf0 dan berakhir. Garis antara 855348821b2e8f2cc4b633bf98f064df dan 2cacc6d41bbb37262a98f745aa00fbf0

Anda tidak perlu memahami kod di atas. Hanya faham bahawa penyemak imbas mentafsir dan melaksanakan JavaScript antara 855348821b2e8f2cc4b633bf98f064df dan 2cacc6d41bbb37262a98f745aa00fbf0.

yang lama Contoh lama mungkin menggunakan type="text/javascript" dalam teg 3f1c4e4b6b16bbbd69b2ee476dc4f83a Ini tidak perlu lagi. JavaScript hadir dalam semua penyemak imbas moden

<span style="font-size:18px;"><script type="text/javascript"> 
alert("欢迎来到JavaScript世界！！！"); 
</script></span>

Dan bahasa skrip lalai dalam HTML5. Bagi mereka yang baru mempelajari bahasa JavaScript, anda boleh menggunakannya!

2. JavaScript dalam 6c04bd5ca3fcae76e30b72ad730ca86d

Dalam contoh ini, JavaScript menulis teks ke 3c30aa6c4c72dd8ead30672a51b803a7 HTML apabila halaman dimuatkan:
Kod contoh:

Kami tidak mengambil berat tentang cara menulis dan menjalankan kod JavaScript, mari lihat hasilnya dahulu:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JavaScript脚本语言</title> 
> 
</head> 
 
<body> 
<p> 
JavaScript 能够直接写入 HTML 输出流中： 
</p> 
  
<script type="text/javascript"> 
document.write("<h1>This is a heading</h1>"); 
document.write("<p>This is a paragraph.</p>"); 
</script> 
  
<p> 
您只能在 HTML 输出流中使用 <strong>document.write</strong>。 
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。 
</p> 
</body> 
</html>

3. Fungsi dan acara JavaScript

Pernyataan JavaScript dalam contoh di atas akan dilaksanakan apabila halaman dimuatkan. Biasanya, kita perlu melaksanakan kod apabila peristiwa berlaku, seperti apabila pengguna

Apabila butang diklik. Jika kita meletakkan kod JavaScript di dalam fungsi, kita boleh memanggil fungsi itu apabila peristiwa berlaku.
4. JavaScript dalam 93f0f5c25f18dab9d176bd4f6de5d30e atau 6c04bd5ca3fcae76e30b72ad730ca86d

Anda boleh meletakkan skrip tanpa had dalam dokumen HTML anda. Skrip boleh berada dalam bahagian 6c04bd5ca3fcae76e30b72ad730ca86d atau 93f0f5c25f18dab9d176bd4f6de5d30e dalam dua bahagian. Amalan biasa ialah meletakkan fungsi dalam bahagian 93f0f5c25f18dab9d176bd4f6de5d30e Dengan cara ini ia boleh diletakkan di lokasi yang sama,

Tidak mengganggu kandungan halaman.

5. Fungsi JavaScript dalam 93f0f5c25f18dab9d176bd4f6de5d30e

Dalam contoh ini, kami meletakkan fungsi JavaScript ke bahagian 93f0f5c25f18dab9d176bd4f6de5d30e Fungsi ini akan dipanggil apabila butang diklik:

Kod contoh:

Hasil larian ialah:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JavaScript脚本语言</title> 
<script type="text/javascript"> 
function myFunction() 
{ 
document.getElementById("demo").innerHTML="My First JavaScript Function"; 
} 
</script> 
</head> 
 
<body> 
<h1>My Web Page</h1>  
 
<p id="demo">A Paragraph.</p>  
 
<button type="button" onclick="myFunction()">点击这里</button>  
</body> 
</html>

Kesan selepas klik butang ialah:

6. Fungsi JavaScript dalam 6c04bd5ca3fcae76e30b72ad730ca86d

Dalam contoh ini, kami meletakkan fungsi JavaScript ke dalam bahagian 6c04bd5ca3fcae76e30b72ad730ca86d Fungsi ini akan dipanggil apabila butang diklik:

Kod contoh:

Hasil larian adalah sama dengan hasil lima di atas!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JavaScript脚本语言</title>  
</head> 
 
<body> 
<h1>My First Web Page</h1> 
  
<p id="demo">A Paragraph.</p> 
  
<button type="button" onclick="myFunction()">点击这里</button> 
 
 
<script type="text/javascript"> 
function myFunction() 
{ 
document.getElementById("demo").innerHTML="My First JavaScript Function"; 
} 
</script> 
</body> 
</html>

Petua:

Kami meletakkan JavaScript di bahagian bawah kod halaman, supaya kami boleh memastikan skrip dilaksanakan selepas elemen e388a4556c0f65e1904146cc1a846bee
7. JavaScript Luaran Kami juga boleh menyimpan skrip ke fail luaran. Fail luaran selalunya mengandungi kod yang digunakan oleh berbilang halaman web. Sambungan fail untuk fail JavaScript luaran Nama pameran ialah .js. Jika anda perlu menggunakan fail luaran, sila tetapkan fail .js dalam atribut "src" bagi teg 855348821b2e8f2cc4b633bf98f064df Kami menyokong penggunaan kaedah JavaScript luaran, dan secara amnya kami juga menggunakan kaedah berasingan untuk menyambung ke dokumen HTML.
Contoh Kod HTML:

kod myScript.js:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JavaScript脚本语言</title> 
<script type="text/javascript" src="/js/myScript.js"></script> 
</head> 
 
<body> 
<h1>My Web Page</h1>  
 
<p id="demo">A Paragraph.</p>  
 
<button type="button" onclick="myFunction()">点击这里</button>  
 
<p><b>注释：</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p> 
</body> 
</html>

Hasil larian adalah konsisten dengan yang di atas!
Kesan berjalan sebenar adalah sama seperti semasa anda menulis skrip dalam teg 855348821b2e8f2cc4b633bf98f064df Skrip luaran tidak boleh mengandungi tag 855348821b2e8f2cc4b633bf98f064df Di atas adalah kaedah menggabungkan JavaScript dan HTML saya harap ia akan membantu pembelajaran semua orang.

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：Contoh mudah demonstrasi pelaksanaan jquery borang validation_jqueryArtikel seterusnya：Contoh mudah demonstrasi pelaksanaan jquery borang validation_jquery

Artikel berkaitan

Lihat lagi