1.調用方式
事件：用戶在做出什麼操作時調用js，
他就是js調用的時機，如單擊，雙擊等
事件定義式 ：在定義事件時直接寫js
嵌入式：在script標籤裏寫js，通常該標籤可以放在王爺的任意位置，但通常放在head裏比較多
文件調用式：再單獨的js文件中寫js
需要引用到網頁上才能使用
1）該標籤必須寫成雙標籤，哪怕沒有內容
2）該標籤不能即引用js又寫js
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 2.嵌入式：在script標籤裏寫js，通常該標籤
可以放在王爺的任意位置，但通常放在head裏比較多 -->
<script>
//js註釋是這樣的
/*也可以是這樣的*/
//function是關鍵字，用來聲明函數
//f2是函數名，小括號可以聲明參數
//大括號是函數體。
//js函數都是公有的，不需要修飾符
//js中的函數不需要聲明返回值類型
function f2(){
//js不區分單引號和雙引號
alert("王傳奇");
}
</script>
<!-- 3.文件調用式：再單獨的js文件中寫js
需要引用到網頁上才能使用
1）該標籤必須寫成雙標籤，哪怕沒有內容
2）該標籤不能即引用js又寫js -->
<script src="my.js"></script>
</head>
<body>
<!-- 事件：用戶在做出什麼操作時調用js，
他就是js調用的時機，如單擊，雙擊等 -->
<!-- 1.事件定義式 ：在定義事件時直接寫js-->
<input type="button" value="按鈕1"
οnclick="alert('李老師');"/>
<input type="button" value="按鈕2"
οnclick="f2();"/>
<input type="button" value="按鈕3"
οnclick="f3();"/>
</body>
</html>
2.數據類型
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo2</title>
<script type="text/javascript">
//1.將js封裝成函數，點擊某按鈕時調用
//2.不把js封裝成函數，直接在此處寫js
//則這樣的js在網頁加載（執行）時立刻調用
//該js的執行時機甚至比body還要早
//alert(1);
console.log("控制檯打印");
//1.聲明變量
var x;
console.log(x);
x = 3;
console.log(x);
var y = "hello";
console.log(y);
//2.隱式轉換
var s = "hi";
var n = 3.14;
var b = true;
console.log(s+n);
console.log(s+b);
console.log(n+b);
console.log(b+b);
//3.強制轉換
console.log(n.toString()+1);
console.log(parseInt(n));
console.log(parseInt("5.6"));
console.log(parseInt("abc"));
console.log(parseFloat("5.6"));
console.log(typeof(n));
console.log(isNaN("56"));
console.log(isNaN("abc"));
/*4.運算符*/
console.log(5/2);
var s = "3";
var n = 3;
console.log(s==n);
console.log(s===n);
//5.條件表達式
//js中可以用任意數據做條件
//當使用非布爾值做條件時，所有的空值
//都等價於false，非空值等價與true
//空值：null/0/""/undefined/NaN
//這樣設計的目的是爲了簡化條件表達式
var k = 9;
if(k){
console.log("ok");
}
k && console.log("yes");
</script>
</head>
<body>
<p>js語法和Java十分相似</p>
</body>
</html>
結果圖：
