Javascript基礎知識
1.如何使用JavaScript
(1).通過<script></script>中直接編寫
(2).通過<script src='目標文檔的URL'></script>鏈接外部的Js文件
① <script src="URL" type="text/javascript" charset="utf-8"></script>
(3).作爲某個元素的事件屬性值或者是超鏈接的href屬性值
① <p world')">onclick</p>
② <a href="javascript:confirm('這是一個彈窗');">href</a>
③<a href="#" )">執行func函數</a>
2.代碼屏蔽
(1)
<script type='text/javascript'>
<!--
Js代碼;
//-->
</script>
(2)如果瀏覽器不支持Js,可以使用<noscript></noscript>標籤,顯示noscript中的內容
<noscript>
你的瀏覽器不支持javascript代碼,請更換瀏覽器!
</noscript>
3.JavaScript的基本知識點
(1)JavaScript的執行順序:按照在HTML文件中出現的順序依次執行
(2)大小寫敏感:JavaScript嚴格區分大小寫
(3)忽略空白符和換行符
(4)語句分隔符 :
①.使用;結束語句
②.可以把多個語句寫在一行
③.最後一個語句的分號可以省略,但儘量不要省略
④.可以使用{}括成一個語句組,形成一個塊block
(5)通過\對代碼進行折行操作
document.write(' hello\
world');
(6)註釋
①.單行註釋//
②.多行註釋/*註釋內容*/
(7)JavaScript的保留字:就是說變量命名時不要以下面的重複:
(8)通過document.write()向文檔書寫內容
(9)通過console.log()向控制檯寫入內容
(10)JavaScript中的錯誤
①.語法錯誤:通過控制檯進行調試
②邏輯錯誤:通過alert()進行調試
注:
1、js腳本一般放在body中的最後,也是爲了防止一個頁面在加載時,先一直在加載js,導致一種讓人覺得慢的錯覺
2、全局變量,已經需要先載入的文檔,js要放在前面
3、每行代碼後面最好要加;
4.變量
(1)、變量分類
①.局部變量:
var x = "字符串";
var x = 2;
②.全局變量:
x = "字符串";
y = 3;
<script> x = 3; function myFunction() { var x = 5; //這是局部變量只在函數myFunction內生效 } myFunction(); //執行函數 alert(x); //彈窗 </script>
(2)、聲明變量
通過var關鍵字聲明變量
可以聲明變量的同時給變量賦值
可以一次聲明一個變量也可以一次聲明多個看變量
如果只聲明變量未對其賦值,默認值爲undefined
如果變量重名產生覆蓋
注意
變量嚴格區分大小寫
變量名稱不要包含特殊字符
變量名稱最好遵循駝峯標記法或者下劃線法
變量名稱最好含義明確
5.原始數據類型
(1)數值型
①十進制數
12
1.2
-23
.222e33
-1.3e3
3.E-2
12e+20
②十六進制
0x0
0XABCDEF
0x1a2b3c4d
③八進制數
00
0123
0241234
(2)特殊值
①.Infinity無窮大
正:1.79e309
負:-1.79e309
②.NaN :0/0
③可以通過isNaN()檢測值是否爲NaN
(3)字符串型
①定界符
""|''
②轉義符
\n->回車換行
\r->換行
\t->水平製表符
\"->"
\'->'
(4)布爾類型:
true|false
(5)特殊數據類型
①.無定義數據類型undefined:用來表示不存在的值或者尚未賦值的變量
②.空值null:null表示空值,表示什麼都沒有,相當於一個佔位符。
注:
null和undefined的區別就是undefined表示變量未被賦值,而null表示變量被賦予了一個空值。
6.數據類型間轉換
(1)隱形轉換:
1.轉換成布爾類型假:
①.undefined:默認爲false
②.null:默認爲false
③.數值型0或0.0或NaN:默認爲false
④.字符串長度爲0(空字符串):默認爲false
⑤.其它對象:默認爲true
主要是用在if判斷上:
<script> //undefined:默認爲false //var a = undefined; var a; if(a){ alert('真') } else { alert('假') } </script>
注:0/0:默認爲NaN
(2)顯示轉換:
1、轉換爲布爾值:通過Boolean函數強制轉換成布爾值
①.0、-0、0.0 -->false
②.NaN -->false
③.空字符串 -->false
④.undefined -->false
⑤.null -->false
2、轉換成數值
(1).Number函數強制轉換成數值
①.數值->轉換成原來的值
②.字符串->如果可以解析爲數值,則轉換成數值;否則轉換成NaN或者0
③.true->1,false->0
④.undefined->NaN
⑤.null->0
(2)轉換成整型:parseInt()
(3)轉換成浮點型:parseFloat()
注:Number函數將字符串轉換爲數值比praseInt函數嚴格很多。基本上只要有一個字符無法轉換成數值,整個字符串就會被轉換成NaN