JavaScript基礎和js概括
阿新 • • 發佈：2017-10-29
jquery事件 parseint html css js代碼 live 比較 提升 類型 存在
js內容概括：
Html 結構化 CSS 樣式 JavaScript 行為交互 01.JavaScript基礎 02.JavaScript操作BOM對象 03.JavaScript操作DOM對象 ***** 04.JavaScript的面向對象 -------------------------------------- 05.jQuery (js) .css .js 06.jQuery選擇器 ****** 07.jQuery事件和動畫 08.jQuery操作DOM對象 ****** 09.表單驗證 10.表單驗證的框架 jquery validate 11.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 0
false轉換成number 0
0==0
===：比較嚴格，先比較兩個變量的類型是否一致，之後再比較值！不會類型轉換！
註意點：
01.如果比較的變量中boolean的值，會先把boolean類型的值轉換成number類型！
02.如果比較的變量中String的值，會先把String類型的值轉換成number類型！
輸入和確認
alert()： 只有一個確定按鈕！
confirm ()：是一個提示框，有確定和取消按鈕！
用戶點擊確定返回值是true
用戶點擊取消返回值是false
prompt（）：是一個對話框！
01.第一參數是提示語句
02.第二參數是輸入框中的默認值，可以省略
返回值是我們第二個參數（用戶的輸入）！
js中也有選擇結構！和java中的用法一致！
數組
var arr1=new Array(); //沒有長度
var arr1=new Array(5); //有長度5
var arr1=new Array(1,2,3,4,5) //定義數組的同時賦值
var arr1=[1,2,3];
向數組中新增元素 push
把數組中的每個元素使用指定的分隔符連接起來，變成字符串！ join
循環 for in
for(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概括