JavaScript嵌入頁面的方式

1、行間事件（主要用於事件）

<input type="button" name="" onclick="alert('ok！');">

2、頁面script標籤嵌入

<script type="text/javascript">        
    alert('ok！');
</script>

3、外部引入

<script type="text/javascript" src="js/index.js"></script>

語法規範

　　JavaScript 是一種弱型別語言

，javascript的變數型別由它的值來決定。 定義變數需要用關鍵字 'var'

變數型別

5種基本資料型別：

　　1、number 數字型別
　　2、string 字串型別
　　3、boolean 布林型別 true 或 false
　　4、undefined undefined型別，變數宣告未初始化，它的值就是undefined
　　5、null null型別，表示空物件，如果定義的變數將來準備儲存物件，可以將變數初始化為null,在頁面上獲取不到物件，返回的值就是null

1種複合型別：
　　object

變數、函式、屬性、函式引數命名規範

　　1、區分大小寫
　　2、第一個字元必須是字母、下劃線（_）或者美元符號（$）
　　3、其他字元可以是字母、下劃線、美元符或數字

匈牙利命名風格：

　　物件o　　Object　　比如：oDiv
　　陣列a　　Array　　　比如：aItems
　　字串s　　String　　比如：sUserName
　　整數i　　Integer　　比如：iItemCount
　　布林值b　　Boolean　　比如：bIsComplete
　　浮點數f　　Float　　比如：fPrice
　　函式fn　　Function　　比如：fnHandler
　　正則表示式re　　RegExp　　比如：reEmailCheck

函式

函式定義與執行

<script type="text/javascript">
    // 函式定義
    function fnAlert(){
        alert('hello!');
    }
    // 函式執行
    fnAlert();
</script>

變數與函式預解析 

　　JavaScript解析過程分為兩個階段，先是編譯階段，然後執行階段，在編譯階段會將function定義的函式提前，並且將var定義的變數宣告提前，將它賦值為undefined。

<script type="text/javascript">    
    fnAlert();       // 彈出 hello！
    alert(iNum);  // 彈出 undefined
    function fnAlert(){
        alert('hello!');
    }
    var iNum = 123;
</script>

條件運算子

 　　==、===、>、>=、<、<=、!=、&&(而且)、||(或者)、!(否)

獲取元素方法

　　使用內建物件document上的getElementById方法來獲取頁面上設定了id屬性的元素

<script type="text/javascript">
    window.onload = function(){
        var oDiv = document.getElementById('div1');
    }
</script>

....

<div id="div1">這是一個div元素</div>

如果把javascript寫在元素的上面，就會出錯，因為頁面上從上往下載入執行的

解決方案：

　　1，javascrip放在元素後面

　　2,window.onload觸發的函式裡面,獲取元素的語句會在頁面載入完後才執行

屬性名在js中的寫法 

　　1、html的屬性和js裡面屬性寫法一樣
　　2、“class” 屬性寫成 “className”
　　3、“style” 屬性裡面的屬性，有橫槓的改成駝峰式，比如：“font-size”，改成”style.fontSize”

<script type="text/javascript">

    window.onload = function(){
        var oInput = document.getElementById('input1');
        var oA = document.getElementById('link1');
        // 讀取屬性值
        var sValue = oInput.value;
        var sType = oInput.type;
        var sName = oInput.name;
        var sLinks = oA.href;
        // 寫(設定)屬性
        oA.style.color = 'red';
        oA.style.fontSize = sValue;
    }

</script>

......

<input type="text" name="setsize" id="input1" value="20px">
<a href="http://www.itcast.cn" id="link1">呵呵噠</a>

innerHTML可以讀取或者寫入標籤包裹的內容