1.行內式js(很少使用) 以on開頭,如onclick HTML中推薦雙引號,JS推薦單引號 2.內嵌式js(常用) <script> alert('hello world'); <script> 3.外部js文件 <script src="my.js"></script> 利於代碼結構化 便於文 ...
1.行內式js(很少使用)
以on開頭,如onclick
HTML中推薦雙引號,JS推薦單引號
2.內嵌式js(常用)
<script>
alert('hello world');
<script>
3.外部js文件
<script src="my.js"></script>
利於代碼結構化 便於文件復用
引用外部JS文件的script標簽中間不可以寫代碼
適合js代碼量比較大的情況下
代碼舉例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 2.內嵌式的JS --> <script> // alert('沙漠駱駝S') </script> <!-- 3.外部js寫法 script 雙標簽 --> <script src="my.js"> </script> </head> <body> <!-- 1.行內式的JS 直接寫到元素內部 --> <!-- <input type="text" value="唐伯虎" onclick="alert('秋香姐')"> --> </body> </html>