javascript基礎1

從新整理過一次原生的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如何找到對應的標籤/節點/元素

1 document.getElementById('id名')經過id尋找
2 document.getElementsByClassName('class名') 尋找全部的class名   [有兼容問題]
3 document.getElementsByClassName('class名')[0]尋找第一個class名.下標是從0開始的
4 document.getElementsByTagName()經過標籤尋找全部</li>    <li>document.getElementsByTagName()[0]經過標籤尋找第一個，下標是從0開始的

 

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

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

 

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

1 document.getElementById('aa').onclick = function(){
2 //alert( 'Hello World！' );
3 // this 就是隻觸發這個事件的對象,這裏也就是document.getElementById('wrap')
4 this.innerHTML = 'Hello World！';
5 };

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

 1      //定義變量
 2      var oDiv =document.getElementById('aa');//id='aa'
 3      var oDiv1 =document.getElementsByClassName('box')[0];//class='box'
 4      //設置div初始顯示
 5      oDiv.innerHTML = '你好。我是id='aa';
 6      oDiv1.innerHTML = '你好。我是class='box';
 7 
 8       //當鼠標移入 #aa 的時候，.box 顯示 '鼠標當前在#aa的div上';
 9      oDiv.onmouseover = function(){
10         oDiv1.innerHTML = '鼠標在當前在#aa的div上';
11       };
12         //當鼠標移出  #aa的時候，.box 清除內容;
13         oDiv.onmouseout = function(){
14         oDiv1.innerHTML = '';
15       };
16      };

 8.註釋

　　多行註釋：/*註釋*/

　　單行註釋：//註釋

9.JavaScript輸出：

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

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

10.JavaScript彈窗：

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