Tempat untuk meletakkan kod JS dalam kemahiran development_javascript program JavaScript-tutorial js-php.cn

Tempat untuk meletakkan kod JS dalam kemahiran development_javascript program JavaScript

WBOY

Lepaskan： 2016-05-16 15:19:49

asal

1853 orang telah melayarinya

JavaScript digunakan dalam halaman, jadi di manakah kod JS ini harus diletakkan? Mari kita lihat.

Secara umumnya, terdapat dua cara, menulis pada antara muka dan menggunakan fail .js.

Bahagian kepala pada antara muka 1.1

boleh diletakkan terus dalam tag kepala, seperti yang ditunjukkan di bawah

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
<script type="text/javascript"> 
//your js code 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
</body> 
</html>

Salin selepas log masuk

Bahagian badan pada antara muka 1.2

Ia biasanya diletakkan terus di bahagian badan, seperti berikut

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
<script type="text/javascript"> 
//your js code 
</script> 
</body> 
</html>

Salin selepas log masuk

Tiada perbezaan antara meletakkannya di kepala dan badan Secara amnya, apabila jumlah kod tidak besar dan hanya halaman semasa menggunakan js ini, kemudian tuliskannya terus pada antara muka.

2. Fail JS

Bagi JS yang kompleks dan mempunyai banyak kod, sebaiknya letakkannya dalam fail .js khas, dan kemudian rujuknya pada halaman mengikut laluan relatif bagi fail js.

Kelebihan ini ialah ia boleh menghalang banyak kod js pendua. Beberapa kaedah js awam boleh diletakkan dalam fail js luaran.

Sebagai contoh, fail jquery-1.4.1.js biasanya disertakan dalam projek asp.net yang dibuat menggunakan visual studio 2010. Mari lihat cara menggunakan fail js ini.
Sebagai contoh, struktur fail halaman adalah seperti yang ditunjukkan dalam rajah,

Untuk menggunakan fail js ini dalam MyJSFrm.aspx, importnya seperti ini.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title>testPage</title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
</div> 
</form> 
<script type="text/javascript" src="/Scripts/jquery-1.4.1.js"></script> 
<script type="text/javascript"> 
//your js code 
</script> 
</body> 
</html>

Salin selepas log masuk

Ringkasnya, jangan lupa untuk menggunakan direktori relatif Jika tahap direktori fail halaman semasa agak dalam, maka gunakan ../ untuk mengira sendiri tahap direktori.

Perbezaan antara tiga kedudukan js:

kepala :

-- Apabila memanggil skrip, pemuatan telah selesai
--

badan:

-- Pemuatan telah selesai apabila halaman dijana
--

Js luaran:

--Rujuk js luaran Nota: Js luaran tidak boleh mengandungi dua tag -- Terutamanya untuk menjimatkan keperluan untuk membenamkan kod js yang sama dalam setiap halaman apabila beberapa halaman berulang kali memanggil fungsi js yang sama;
Pelayar tidak mengenali penyelesaian js: