JS學習記錄之初見JS
阿新 • • 發佈:2018-12-20
引入方式:
- 頁頭引入(head 標籤內)
- 頁中引入(body 標籤內)
- 元素事件中引入(標籤屬性中引入)
- 引入外部 JS 檔案
(<script type="text/javascript">……</script>
格式是固定的,JavaScript程式碼必須在<script></script>
標籤內編寫,並且必須設定type屬性值 text/javascript 。)
(常用語句:document.write()
表示在頁面輸入某一內容)
元素事件中引入 JS:
1.直接編寫:
<!DOCTYPE html>
<html xmlns ="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<input type="button" onClick="alert('綠葉學習網')" value="按鈕"/>
</body>
</html>
2.呼叫JS函式:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title ></title>
<script type="text/javascript">
function alertMessage()
{
alert("綠葉學習網");
}
</script>
</head>
<body>
<input type="button" onclick="alertMessage()" value="按鈕"/>
</body>
</html>
引用外部檔案:
<script src="js/index.js" type="text/javascript"></script>
變數的宣告和賦值:
在 JS 中,所有的變數都由關鍵字 var 宣告 變數型別有:number(數字)、string(字串)、boolean(布林判斷)、null(空值)、undefined(未被定義、初始化的值)
typeof 運算子:
用於返回它的運算元當前所容納的資料型別 (未被定義(初始化)的返回undefined)
如 typeof(1) 返回 number
型別轉換:
字串轉數值型:parseInt() 和 parseFloat() (3.14 轉 int 後為 3) 數值轉字串:toString()
var n = parseFloat("3.14");
var str = n.toString + 999;
documate.write(n + "<br/>" + str);
// 3.14
// 3.14999
JS 語法:
語句的分號 “;” 是可有可無的。
documate.write();
顯示
documate.getElementById()
Id 選擇器,指定id呼叫,如:
document.getElementById("txt-ouput").value = unescape(str);
<body>
<textarea id="txt-ouput" cols="20"></textarea>
</body>
函式:
表達:
function 名字(引數1, 引數2)
{
// 語句
}
可以在事件響應中呼叫函式:
<input type="button" onclick="a()" value="提交"/>
或者超連結中:
<a href="javascript:a()"></a>
部分內建函式:
isNaN() 函式:
功能:判斷是否是數字值,不是返回 true, 是返回 false 如: 123 false “123” false (字串型別的數字會被自動轉換為數字型) “abc123” true
escape 函式與 unescape 函式:
escape :對字串編碼,使其在所有機器上可讀 umescape :解碼