DIV CSS 佈局教程網

重新整理過一次原生的javascript：

①.JavaScript是什麼？
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言。
總之JS就是一個很厲害的東西，通常用來 控制HTML頁面、響應浏覽器操作、驗證傳輸數據等。
java 和 JavaScript有什麼關系？ 沒有任何關系，頂多語法邏輯比較像；
jQuery 和 JavaScript有什麼關系？為什麼要學JS？ jQuery是由若干JS代碼組合而成的較方面的插件庫；

②.JavaScript代碼寫在哪裡：
JavaScript代碼要在頁面的script標簽裡面，或者單獨js文件裡面，或者標簽裡面（不推薦）；
script標簽可以放在任意位置，但是不同位置要注意加載順序，通常放在head結束前和body結束前
script標簽可加標簽屬性 type='text/javascript' 或 language='javascript' 或 不寫；
script引入外部js文件路徑用src <script src=””></script>；

③.寫js代碼需要注意什麼？
1. 嚴格區分大小寫；
2. 語句字符都是半角字符；
3. 每條完整語句後面要寫分號；
4. 代碼要縮進，縮進要對齊，可用空格 tab縮進。

說明1.當script代碼放在body之前，並且裡面涉及到操作標簽的話，就需要加上window.onload=function(){};

④.JS如何找到對應的標簽/節點/元素

 document.getElementById('id名')通過id尋找
 document.getElementsByClassName('class名') 尋找所有的class名   [有兼容問題]
 document.getElementsByClassName('class名')[0]尋找第一個class名.下標是從0開始的
 document.getElementsByTagName()通過標簽尋找所有</li>    <li>document.getElementsByTagName()[0]通過標簽尋找第一個，下標是從0開始的

⑤.innerHTML='' 元素裡面的HTML內容顯示。eg：

document.getElementsByTagName('div')[0].innerHTML = 'Hello World!';
在頁面的第一個div標簽裡顯示內容Hello World! 其中【=】一個等號叫賦值，是把右邊的內容給左邊。 【""】引起來的叫字符串

6.點擊事件 xxx.onclick = 事件函數。

 document.getElementById('aa').onclick = function(){
 //alert( 'Hello World！' );
 // this 就是只觸發這個事件的對象,這裡也就是document.getElementById('wrap')
 this.innerHTML = 'Hello World！';
 };

7.  xxx.onmouseover鼠標移入事件 和 xxx.onmouseout鼠標移出事件

      //定義變量
      var oDiv =document.getElementById('aa');//id='aa'
      var oDiv1 =document.getElementsByClassName('box')[0];//class='box'
      //設置div初始顯示
      oDiv.innerHTML = '你好。我是id='aa';
      oDiv1.innerHTML = '你好。我是class='box';
 
       //當鼠標移入 #aa 的時候，.box 顯示 '鼠標當前在#aa的div上';
      oDiv.onmouseover = function(){
         oDiv1.innerHTML = '鼠標在當前在#aa的div上';
       };
         //當鼠標移出  #aa的時候，.box 清除內容;
         oDiv.onmouseout = function(){
         oDiv1.innerHTML = '';
       };
      };

 8.注釋

　　多行注釋：/*注釋*/

　　單行注釋：//注釋

9.JavaScript輸出：

　　JavaScript通常是用來控制HTML網頁的，所以一般說輸出就是對頁面元素內容的修改；

   　innerHTML = 'Hellow World'；
 　　document.write('Hellow World' );

10.JavaScript彈窗：

 alert('Hellow World');//顯示帶有一條指定消息和一個 OK 按鈕的警告框。
 
 confirm('確定？');//顯示一個帶有指定消息和OK 及取消按鈕的對話框。
 
 prompt('請輸入您的姓名');//顯示可提示用戶進行輸入的對話框。