JavaScript基礎和js概括

標籤：動態效果   doc   數字   也有   輸入   ext   html   規範   請求   

js內容概括：

Html  結構化CSS   樣式JavaScript  行為互動01.JavaScript基礎02.JavaScript操作BOM對象03.JavaScript操作DOM對象   *****04.JavaScript的物件導向--------------------------------------05.jQuery (js)  .css   .js06.jQuery選取器        ******07.jQuery事件和動畫08.jQuery操作DOM對象   ******09.表單驗證10.表單驗證的架構   jquery  validate11.bootstrap  封裝了Html css  js
一、Java|Script基礎（liveScript）：
01.和Java語言沒有關係，只是借勢。
02.是一種指令碼語言以.js結尾（指令碼語言：是為了縮短傳統的編寫-編譯-連結-運行過程而建立的電腦語言）
03瀏覽器編譯JavaScript，解析器叫做JavaScript引擎
04無需先行編譯、js是弱語言類型var a=10；var a=“12”；
學習目的：
01.客服端表單驗證，提升使用者的體驗和減輕伺服器的壓力。
02.實現頁面動態效果、提升使用者體驗
03jQuery基礎
組成部分：
01.ECMAscript標準：語言規範
02.BOM瀏覽器物件模型：提供處理網頁內容的方法和介面
03.DOM文件物件模型：提供了與瀏覽器進行互動的方法和介面
引入CSS和js的順序：CSS寫在head中、js檔案的映入寫在body的最下方（調用的時候才能調用到）
js執行原理：用戶端向瀏覽器發送請求、瀏覽器將某個JavaScript頁面經行處理、將這個檔案發送到客服端（減少頻寬浪費，提升使用者體驗）
js的引入方式：
01.行內引入：
</head>
　　<onload="alert（‘初識JavaScript‘）"
<body>
02.內部引入：
<script type="text/javaScript">
　　alert("初識JavaScript");
<script/>
03.外部引入：
<script type="text/JavaScript" src=cs.js>
</script>
</body>
二、js中的常用事件：

 01.不想讓a超連結 立即跳轉至指定的頁面 02.想讓使用者點擊的時候 做一些處理工作  javascript:  偽協議     01.先去執行js代碼     02.根據js代碼做操作     alert(‘就是不跳轉‘)   後續會換成某個操作的函數（方法）    <a href="javascript:alert(‘就是不跳轉‘)">跳轉</a>偽協議   javascript:onclick 點擊事件onblur  失去焦時間點事件onfocus 擷取焦時間點事件
js中的資料類型：
undefined：沒有被定義的（TRUE）和聲明但沒有賦予初始值得變數（var a）
number：包含整數和浮點
String：單引號和雙引號引起來的都是String
Boolean：true和false
object：js中的對象，包含數組，null和對象
null：空值，表示對象不存在，等於undefined
檢測資料類型的方式：
01.typeof空格變數
02typeof（變數）
類型轉換：
parseInt（）：把變數轉換成數字，返回第一個不為數位所有值否則返回NaN
parseFort（）：把變數只能換成浮點
強制類型轉換：
number：把變數轉換成數值，如果有一個不是數值，則返回Nan

boolean():只要變數不是false，0，undefined，null，NaN,未定義的參數或者定義未賦值          空串，或者什麼都沒有輸入！ 其他都返回true！

==  和 ===== ：在兩個變數比較的時候，先進行類型轉換，之後再比較！alert("0"==false);首先會把字串"0"轉換成number 0false轉換成number 00==0===：比較嚴格，先比較兩個變數的類型是否一致，之後再比較值！不會類型轉換！注意點：01.如果比較的變數中boolean的值，會先把boolean類型的值轉換成number類型！02.如果比較的變數中String的值，會先把String類型的值轉換成number類型！輸入和確認alert()： 只有一個確定按鈕！confirm ()：是一個提示框，有確定和取消按鈕！            使用者點擊確定傳回值是true            使用者點擊取消傳回值是falseprompt（）：是一個對話方塊！         01.第一參數是提示句         02.第二參數是輸入框中的預設值，可以省略傳回值是我們第二個參數（使用者的輸入）！js中也有選擇結構！和java中的用法一致！數組var  arr1=new Array();   //沒有長度var  arr1=new Array(5); //有長度5var  arr1=new Array(1,2,3,4,5) //定義數組的同時賦值var arr1=[1,2,3];向數組中新增元素  push把數組中的每個元素使用指定的分隔字元串連起來，變成字串！  join迴圈  for  infor(var index in arrs){  document.write(arrs[index])}index 是元素的下標！函數定義函數的兩種方式<a href="javascript:sayHello(‘小黑‘);">跳轉</a>  function sayHello(userName){          alert(userName+"辛苦了！");   } var sayHello=function(userName){     alert(userName+"辛苦了！"); }

JavaScript基礎和js概括