JS 是JavaScript的簡述

JS基于對象和事件驅動腳本語言，作用在瀏覽器上

JS的事件

• onsubmit
  主要用于表單的提交，綁定的位置在form標簽里面，要有返回標記，如果提交的數據校驗未通過，不允許表單提交
• onload
  用于頁面加載的時候使用的事件，綁定的位置在body標簽里，也可以用window.οnlοad=function(){}
• onclick/ondblclick
  主要用于鼠標點擊事件，常見的有按鈕、圖片、文字、超鏈接等等
• onfocus/onblur
  聚焦離焦事件，主要用于表單相關的標簽
• onmouseover/onmouseout/onmousemove
  主要用于鼠標移入，移出，移動
  常規應用：電商網站商品詳情頁
• onchange
  當改變域的內容時使用，常用于下拉列表

js三大核心板塊

核心一：ECMAScript

• 語法 ( 嚴格區分大小寫)
  變量是弱類型！：在定義變量的時候，如果沒有對其賦值，那么此變量是沒有具體類型的，只有賦值之后才有具體的類型。
  每行代碼結束后分號可有可無，建議寫上！
  注釋、以及代碼塊等內與java一致。

• 變量
  聲明統一使用關鍵字var來定義。也可以不用聲明。(如果不聲明，表示該變量是一個全局的！)
  變量命名規則與java一致。不要使用關鍵字和保留字。
  如果不確定是不是關鍵字，建議字母后加數字

• 數據類型
  原始數據類型
  undefined:變量已經定義，但是未為其賦值
  null:變量壓根兒都不存在，一般用作占位符
  number
  string
  boolean
• 引用數據類型
  JS的內置對象
  Array
  創建對象的3種方式
  new Array();
  new Array(size);
  注意，size是數組的長度，而不是該數組有一個元素為size
  new Array(element0,element1…);
  String
  注意里面的幾個方法
  substr()
  從起始索引位置截取指定長度的字符串
  substring()
  截取兩個索引位置之間的字符串
  match()主要用于正則
  Math
  Date
  getTime()主要用于解決瀏覽器緩存問題
  Boolean
  Number
  RegExp
  注意對象的創建
  全局函數
  注意其中的部分方法(與編碼解碼相關的方法，eval函數)

• 運算符
  全等運算符，== 與 ===的區別。
  ==會進行一個類型轉換(嘗試著轉換)，===它不會進行類型轉換

• 語句
  語句與java一致。

• 函數
  有名稱
  function 函數名稱(){
  }
  匿名
  function(){
  }

核心二:瀏覽器對象模型：BOM
HTML文檔運行在瀏覽器端，JS提供瀏覽器端相關的對象

• window對象：代表的是整個瀏覽器對象
  setInterval();
  一直執行
  在該方法中有2個參數，第一個參數是一個函數或者表達式，一般都要加引號，第二個參數是以毫秒值為單位的時間間隔。
  clearInterval();
  參數是setInterval()的返回值
  setTimeout();
  只執行一次
  clearTimeout();
  以上是與彈窗相關的方法.

• alert();
  警告框
  prompt();
  輸入框
  confirm();
  確認框
  window對象擁有其它幾個對象的一個只讀引用！
  以上是與定時操作有關的方法.

• location對象：url地址
  href屬性：實現頁面的跳轉功能

• history對象：歷史記錄
  back():查看上一個歷史記錄
  forward():查看下一個歷史記錄
  go(有參數)：可以實現上面兩個功能。如果參數為負整數，其功能與back()一致。如果參數為正整數，其功能與forward一致

• navigator對象：整個瀏覽器信息相關的對象

• screen對象：客戶端屏幕相關的信息

核心三:文檔對象模型：DOM

• Document對象
  ①獲取元素對象的方法
  getElementById()
  getElementsByName()
  getElementsByTagName()
  ②創建節點的方法
  創建文本節點
  createTextNode()
  創建元素節點
  createElement()

• Element對象
  appendChild()在元素的末尾添加一個新的子節點
  firstChild()獲取第一個子節點
  insertBefore()在指定的元素節點前面插入一個新的子節點
  removeChild()移除子節點
  replaceChild()替換節點

• Attribute對象
  attr.value設置或返回屬性的值

• Event對象
  都屬于節點Node，還有一個文本節點對象，Test

總結

以上是生活随笔為你收集整理的原生JS(JavaScript)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。