1. 程式人生 > >JS學習記錄之初見JS

JS學習記錄之初見JS

引入方式:

  1. 頁頭引入(head 標籤內)
  2. 頁中引入(body 標籤內)
  3. 元素事件中引入(標籤屬性中引入)
  4. 引入外部 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 :解碼