目錄
1.JavaScript引入方式
1.1內部引入；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 寫在head裏面 -->
<script type="text/javascript">
alert("頭部");
</script>
</head>
<body>
<!-- 寫在body裏面 -->
<script type="text/javascript">
alert("身體");
</script>
</body>
</html>
運行結果：
點擊確定之後還會彈出下一個對話框：
這裏瀏覽器是依次解析的！
1.2外部引入；
我們還可以再寫一個.js文件，然後用鏈接的方式引入；
鼠標右鍵新建File，以.js結尾，取名my.js，內容如下：
alert("外部引入的js文件");
然後在之前的.html文件中引入.js文件：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 寫在head裏面 -->
<script type="text/javascript">
alert("頭部");
</script>
<!-- 外部引入的.js文件 -->
<script type="text/javascript" src="my.js"></script>
</head>
<body>
<!-- 寫在body裏面 -->
<script type="text/javascript">
alert("身體");
</script>
</body>
</html>
運行結果同上，依次會出現"頭部"、"外部引入的.js文件"、"身體"等三個對話框；
注意：這裏要將.js文件的字符集編碼調成UTF-8! 如圖：
2.JavaScript註釋
單行註釋：// ；
多行註釋: /* */ ；
註釋快捷鍵：Ctrl+Shift+/； 一般用快捷鍵就可以了
3.JavaScript變量
JavaScript是弱類型語言，統一用var來定義變量；
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var a; //定義變量a
a=1; //給變量a賦值
document.write("a="+a+"<br/>");
a="我是字符串";
document.write("a="+a+"<br/>");
var b="你好啊";
document.write("b="+b+"<br/>");
</script>
</body>
</html>
運行結果：
4.JavaScript基本數據類型
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var a=1; //定義整型變量a
document.write("數值類型a="+a+"<br/>");
var b=1.2; //定義變量b
document.write("數值類型b="+b+"<br/>");
var c="你好"; //定義字符串類型變量c
document.write("數值類型c="+c+"<br/>");
var d=true; //定義布爾類型變量d
document.write("數值類型d="+d+"<br/>");
var e; //表示變量e不含有值，爲undefind;
document.write("變量不含有值e="+e+"<br/>");
var f="你好啊";
document.write("字符串變量f="+f+"<br/>");
f=null; //將字符串變量f置空
document.write("置空變量f="+f+"<br/>")
</script>
</body>
</html>
運行結果：
