js沒有訪問系統(tǒng)文件的權(quán)限
由于js無需編譯,是由上到下一次執(zhí)行的界弧,所以在保證可讀性的情況下,允許使用鏈?zhǔn)骄幊?/p>
js和java沒有任何直接關(guān)系
三、havaScript的組成
1呜呐、ECMAScript(核心):規(guī)定了js的語法和基本對(duì)象
2、DOM文檔對(duì)象模型悍募,吃力網(wǎng)頁內(nèi)容的方法和借口
標(biāo)記型文檔即HTML
3蘑辑、BOM瀏覽器對(duì)象模型:與瀏覽器交互的方法和接口
四、havaScript的引入方式
1坠宴、內(nèi)部腳本
? 在當(dāng)前頁面內(nèi)部寫script標(biāo)簽洋魂,script內(nèi)部即可書寫js代碼
格式:<script type="text/javascript">js代碼</script>
注:<scirpt>標(biāo)簽理論上可以書寫在HTML文件的任意位置
2、外部引入
在HTML文檔中啄踊,通過<script src=""></script>標(biāo)簽引入.js文件
格式:<script type="text/javascript" src="js 文件路徑"></script>
注:外部引用時(shí)script標(biāo)簽內(nèi)不能有script代碼忧设,即使寫了也不會(huì)執(zhí)行
五、scriot標(biāo)簽規(guī)范化的放置位置
開發(fā)規(guī)范規(guī)定颠通,script標(biāo)簽的放置位置為:body結(jié)束標(biāo)簽前
優(yōu)點(diǎn):保證HTML展示內(nèi)容優(yōu)先加載址晕,最后加載腳本,增強(qiáng)用戶體驗(yàn)性
六顿锰、javaScript語法和規(guī)則
注釋;
? 單行注釋? //
? 多行注釋? /*? */
七谨垃、變量
變量:標(biāo)示內(nèi)存中的一塊空間,用于儲(chǔ)存數(shù)據(jù)硼控,且數(shù)據(jù)是可變的
變量的聲明: var 變量名;? ?//變量賦予默認(rèn)值刘陶,默認(rèn)值為undefined
變量的聲明和賦值? var 變量名=值; //變量賦予對(duì)應(yīng)的值
在聲明havaScript變量時(shí) 需要遵循以下命名規(guī)范
1、必須以字母或下劃線開頭牢撼,中間可以數(shù)字匙隔、字符或下劃線、美元符號(hào)
2熏版、變量名不能包含空格等字符
3纷责、不能使用havaScript關(guān)鍵字或保留字作為變量名
4、havaScript嚴(yán)格區(qū)分大小寫
八撼短、基本數(shù)據(jù)類型
1再膳、類似于java中的基本數(shù)據(jù)類型
string? : 字符串類型 " "和' ' 都是字符串
boolean:布爾類型 固定值為true 、false
number:數(shù)值類型曲横、任意數(shù)字
null:空喂柒、一個(gè)占位符
undefined:未定義類型、該類型只有一個(gè)固定值,即undefined? 表示變量聲明卻未定義具體的值
2灾杰、注:因?yàn)閡ndefined是從null中派生出來的蚊丐,所以indefined==null
3、js區(qū)別于java 是弱類型語言吭露,變量的使用不必嚴(yán)格遵循規(guī)范吠撮,所以一個(gè)變量聲明好之后,是可以賦予任意類型的值
4讲竿、通過typeof運(yùn)算符可以分辨變量值屬于那種基本數(shù)據(jù)類型泥兰,對(duì)變量或值調(diào)用typeof運(yùn)算符將返回下列值之一
undefined 變量時(shí) Undefined;類型的
boolean 變量是Boolean類型的
number? 變量是Number類型的
string 變量是String類型的
object 變量是Null類型题禀,或者是同一種引用類型
九鞋诗、引用數(shù)據(jù)類型
引用類型通常叫做類(class),但在javaScript中迈嘹,因?yàn)椴淮嬖诰幾g過程削彬,所以沒有類的概念,所處理的引用數(shù)據(jù)類型都是對(duì)象
標(biāo)準(zhǔn)創(chuàng)建方式
var str = new String();? //和java相同
var str = new String;? //獨(dú)有的方式
十秀仲、運(yùn)算符
javaScript運(yùn)算符與java運(yùn)算符基本一致融痛,主要學(xué)習(xí)不同點(diǎn)
比較運(yùn)算符
運(yùn)算符? ? ? ? ? ?描述
==? ? ? ? ? ? ? ? ? 等于(邏輯等。僅僅對(duì)比值)
===? ? ? ? ? ? ? ? ?全等(對(duì)比值神僵,并且對(duì)比類型雁刷,都相同為true)
!=? ? ? ? ? ? ? ? 不等于
保礼!==? ? ? ? ? ? ? ?不全等
>? ? ? ? ? ? ? ? ? ? 大于
<? ? ? ? ? ? ? ? ? ? ?小于
>=? ? ? ? ? ? ? ? ? ?大于或等于
<=? ? ? ? ? ? ? ? ? 小于或等于
邏輯運(yùn)算符
運(yùn)算符?
? ? ? ? ? ? ? ?描述
&&? ? ? ? ? ? ? ? ? ? ? ?and
||? ? ? ? ? ? ? ? ? ? ? ?or
|? ? ? ? ? ? ? ? ? ? ? ? ?not
注??javaScript邏輯運(yùn)算符沒有&
bongja shop官網(wǎng)布局
<!DOCTYPE html>
<html>
<head>
<title>bongja shop官網(wǎng)</title>
<meta charset="utf-8" />
<style type="text/css">
/*清除所有樣式*/
*{
margin:0;
padding:0;
}
.white{
/*設(shè)置寬度*/
width: 100%;
/*設(shè)置高度*/
height: 150px;
/*設(shè)置背景顏色*/
background-color:? white;
}
.red{
/*設(shè)置寬度*/
width: 100%;
/*設(shè)置高度*/
height: 550px;
/*設(shè)置背景顏色*/
background-color:? red;
}
.yellow{
/*設(shè)置寬度*/
width: 100%;
/*設(shè)置高度*/
height: 550px;
/*設(shè)置背景顏色*/
background-color: yellow;
}
.pink{
/*設(shè)置寬度*/
width: 100%;
/*設(shè)置高度*/
height: 550px;
/*設(shè)置背景顏色*/
background-color:? pink;
}
.orange{
/*設(shè)置寬度*/
width: 100%;
/*設(shè)置高度*/
height: 550px;
/*設(shè)置背景顏色*/
background-color:? orange;
}
.purple{
/*設(shè)置寬度*/
width: 100%;
/*設(shè)置高度*/
height: 550px;
/*設(shè)置背景顏色*/
background-color:? purple;
}
.green{
/*設(shè)置寬度*/
width: 100%;
/*設(shè)置高度*/
height: 150px;
/*設(shè)置背景顏色*/
background-color:? green;
}
.black{
/*設(shè)置寬度*/
width: 100%;
/*設(shè)置高度*/
height: 350px;
/*設(shè)置背景顏色*/
background-color:? black;
}
</style>
</head>
<body>
<div class="white"></div>
<div class="red"></div>
<div class="yellow"></div>
<div class="pink"></div>
<div class="orange"></div>
<div class="purple"></div>
<div class="green"></div>
<div class="black"></div>
</body>
</html>