1.JS的作用
2.ECMAScript(標(biāo)準(zhǔn)、核心部分) ES3 ES5 ES6 ES7
3.JavaScript的組成部分
a) ECMAScript(標(biāo)準(zhǔn)、核心部分) 基本的語法
b) DOM(Document Object Model文檔對(duì)象模型)
c) BOM(瀏覽對(duì)象模型)
4.js可以寫在什么地方
a) 可以寫在head頭里
b) 可以寫在body的最后
c) 區(qū)別：如果寫在頭里面，當(dāng)頁面加載的時(shí)候首先會(huì)執(zhí)行js,然后才會(huì)加載其它的內(nèi)容，如果寫在body里面：它會(huì)先加載頁面的內(nèi)容，然后再執(zhí)行js腳本
5.js可以寫入輸出 對(duì)事件做出反應(yīng) 改變html的內(nèi)容
可以改變樣式 可以對(duì)表單做驗(yàn)證
- ECMAScript中有5種簡單數(shù)據(jù)類型：
Undefined、Null、Boolean、Number和String。還有一種復(fù)雜數(shù)據(jù)類型——Object。ECMAScript不支持任何創(chuàng)建自定義類型的機(jī)制，所有值都成為以上6中數(shù)據(jù)類型之一。
7. 函數(shù)的聲明
1.普通的函數(shù)聲明
function box(num1, num2) {
return num1+ num2;
}
2.使用變量初始化函數(shù)
var box= function(num1, num2) {
return num1 + num2;
};
Js中除了自定義對(duì)象之外還提供了一些內(nèi)置對(duì)象：String
Date Array
Array:在文檔中提供了三個(gè)屬性
|
|
返回對(duì)創(chuàng)建此對(duì)象的數(shù)組函數(shù)的引用。
|
|
|
設(shè)置或返回?cái)?shù)組中元素的數(shù)目。
|
|
|
使您有能力向?qū)ο筇砑訉傩院头椒ā?/p>
|
函數(shù)的總結(jié)
1.當(dāng)一個(gè)函數(shù)沒有明確的返回值的時(shí)候，返回的值就是undefined
2.在使用return的時(shí)候，函數(shù)就會(huì)停止執(zhí)行。并返回指定的值(具體的值/函數(shù))。
3.return會(huì)返回唯一的一個(gè)值，那么也可以返回一個(gè)函數(shù)
<script type="text/javascript">
var box = function() {
var a = 1;
return function(){
alert(a++);
}
alert(a);
}
var newFunction = box();
alert(newFunction());
</script>
4.匿名函數(shù)
d) 如何定義
function(){
return “這是一個(gè)匿名函數(shù)”
}
5.函數(shù)的自執(zhí)行
(function(){
alert("這是一個(gè)自執(zhí)行函數(shù)");
})();
//如果有參數(shù)
(function(age){
alert(age);
})(10);
- 在JS中函數(shù)的參數(shù)也可以傳遞函數(shù)function
function box(sumFunction,num) {
return sumFunction(num);
}
var sum = function(num){
return num+10;
}
var result = box(sum,10);
alert(result);
BOM: 瀏覽器對(duì)象模型（Browser Object Model (BOM)****）允許 JavaScript 與瀏覽器對(duì)話。
瀏覽器對(duì)象模型包含的對(duì)象：
· Window: 所有瀏覽器都支持window對(duì)象。它代表瀏覽器的窗口。
· Screen
· History：對(duì)象包含瀏覽器歷史。****history.back() history.forward()
· Location: 對(duì)象可用于獲取當(dāng)前頁面地址（URL）并把瀏覽器重定向到新頁面。
HTML DOM 樹
[圖片上傳失敗...(image-4a6e77-1559122170193)]
通過可編程的對(duì)象模型，JavaScript 獲得了足夠的能力來創(chuàng)建動(dòng)態(tài)的 HTML。
· JavaScript 能夠改變頁面中的所有 HTML 元素
· JavaScript 能夠改變頁面中的所有 HTML 屬性
· JavaScript 能夠改變頁面中的所有 CSS 樣式
· JavaScript 能夠?qū)撁嬷械乃惺录龀龇磻?yīng)
Window對(duì)象的方法
|
|
按照指定的周期（以毫秒計(jì)）來調(diào)用函數(shù)或計(jì)算表達(dá)式。
|
|
|
在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式。
|
|
|
顯示帶有一段消息和一個(gè)確認(rèn)按鈕的警告框。
|
|
|
顯示帶有一段消息以及確認(rèn)按鈕和取消按鈕的對(duì)話框。
|
|
|
顯示可提示用戶輸入的對(duì)話框。
|
注意:setInterval（code執(zhí)行多次）與setTimeout（指定的毫秒后code執(zhí)行一次）的區(qū)別
Location對(duì)象：href reload()
History對(duì)象：
|
|
加載 history 列表中的前一個(gè) URL。
|
|
|
加載 history 列表中的下一個(gè) URL。
|
|
|
加載 history 列表中的某個(gè)具體頁面。
|
Window.document對(duì)象
每個(gè)載入瀏覽器的 HTML 文檔都會(huì)成為 Document 對(duì)象。
Document 對(duì)象使我們可以從腳本中對(duì) HTML 頁面中的所有元素進(jìn)行訪問。
|
|
根據(jù)id來查詢節(jié)點(diǎn)元素
|
|
|
返回帶有指定名稱的對(duì)象集合。
|
|
|
返回帶有指定標(biāo)簽名的對(duì)象集合。
|
關(guān)于Html,css,js的基礎(chǔ)
P ul ol hr br strong em form input a img
Span div table select option header nav
Section footer aside
表單的元素：text password button submit reset
Radio checkbox file hidden date textarea
CSS:
外部樣式表：不需要<style>標(biāo)簽 使用link標(biāo)簽來調(diào)用外部樣式表，有什么好處？可以使網(wǎng)站簡潔，風(fēng)格統(tǒng)一。
JS:
1.JS中的對(duì)象：自定義對(duì)象 內(nèi)置對(duì)象Array
以下對(duì)象都屬于BOM
History:go(-1) back()加載 history 列表中的前一個(gè) URL。Forward()加載 history 列表中的下一個(gè) URL。
Location:reload()方法 屬性href
2.獲取元素的三種方法：getElementById() getElementsByName() getElementsByTagName();
<script type="text/javascript">
function getValue() {
var x = document.getElementById("username").value;正確的
document.username.value;不正確的
document.form1.username.value;正確的
alert(x);
}
</script>
<form action="" method="post" name=”form1”>
<input type="text" id="username" />
<input type="button" value="ok" onclick="getValue()"/>
</form>
Html中每個(gè)標(biāo)簽都會(huì)對(duì)應(yīng)一個(gè)DOM對(duì)象
1.setInterval（code執(zhí)行多次）與setTimeout（指定的毫秒后code執(zhí)行一次）的區(qū)別
<pre style="margin-top:6.65pt;background:whitesmoke;border:none;mso-border-alt:dotted #778855 .5pt;
padding:0cm;mso-padding-alt:9.0pt 9.0pt 9.0pt 9.0pt">基本語法：setInterval(code,millisec[,"lang"])</pre>
setInterval(“show()”,50)在指定的周期內(nèi)執(zhí)行多次show()方法
setTimeout(“show()”,50)在50毫秒后調(diào)用一次show方法
2. Form 對(duì)象中elements[]的用法
求表單元素的個(gè)數(shù)
var x = document.form1.elements.length;
var x = document.form1.length;
document.form1.elements[0]****獲取到表單中指定的元素
5.****如何向****select****中動(dòng)態(tài)的添加****option****選項(xiàng)
selTerm.add(new Option(i),null);
如何清空下拉框中的選項(xiàng)
selCourse.options.length =0;
3.****通過****js****可以動(dòng)態(tài)改變樣式
<div id="imageLayer" style="display: none;">dfadf</div>
<script type="text/javascript">
document.getElementById("imageLayer").style.display="block";
</script>
<a href="javascript:history.go(-1)">這是一個(gè)鏈接</a>
表單：****<form action=”****服務(wù)器端的資源****” method=”post” id=”form1” name=”form1”></form>
Post****與****get****的區(qū)別
表單的元素：****<input type=””>text password file hidden date email radio checkbox select
全局函數(shù)
Eval() isNaN() decodeURI()encodeURI()
var a = "3",b="4";
alert(a+"+"+b);
//****如果 x 是特殊的非數(shù)字值 NaN****（或者能被轉(zhuǎn)換為這樣的值），返回的值就是 true****。如果 x 是其他值****,****則返回 false****。
alert(isNaN(a));//false
//eval() 函數(shù)可計(jì)算某個(gè)字符串，并執(zhí)行其中的的 JavaScript 代碼。
alert(eval(a+"+"+b));
目錄的結(jié)構(gòu)：****../ / ../../../
如何改變堆疊次序：****z-index
面中的圖像加入超鏈接后，默認(rèn)情況下都帶有一道黑框，如何去掉它呢？
border="0"
在****CSS****中下面哪種方法表示超鏈接文字在鼠標(biāo)經(jīng)過時(shí)，超鏈接文字無下劃線
A:hover {TEXT-DECORATION: none}
CSS****有三種選擇符，分別是標(biāo)簽選擇符，類選擇符和****ID****選擇器。
通過****readonly****屬性可以設(shè)置文本框?yàn)橹蛔x。
<pre style="background:white;word-break:break-all">JS****中的基本數(shù)據(jù)類型****Number String****Boolean Null</pre>
Undefined
var a=****“****aaaa****”****; parseInt(a) NaN
** var a=****“****2aaa****”，****parseInt(a) 2**
** eval(****“****2+3****”****) 5**
在****HTML5****規(guī)范中，定義了****<video>****和****<audio>****標(biāo)簽，請(qǐng)寫出標(biāo)簽作用
標(biāo)簽****<video> 元素定義視頻：****<video width="1280" height="720" controls src="video.mp4">****您的瀏覽器不支持 video 標(biāo)簽。****</video> 標(biāo)簽****<audio> 元素定義音頻，比如音樂或其他音頻流 <audio src=****“****audio.mp3****“ controls>****您的瀏覽器不支持 audio 標(biāo)簽。****</audio> 屬性： autoplay 視頻在就緒后馬上播放。 controls 向用戶顯示控件，比如播放按鈕。 height 設(shè)置視頻播放器的高度。 loop 當(dāng)媒介文件完成播放后再次開始播放。 src 要播放的視頻的 URL****。 width 設(shè)置視頻播放器的寬度。
在****CSS****中，偽類及偽對(duì)象是什么，有什么特點(diǎn)
偽類及偽對(duì)象：由****CSS****自動(dòng)支持，屬****CSS****的一種擴(kuò)展型類****名稱不能被用戶自定義****使用時(shí)只能按照標(biāo)準(zhǔn)格式進(jìn)行應(yīng)用
function fun(){
return 5;
}
var a=fun ;
var b=fun() ;
a****與****b****有什么區(qū)別：****第一個(gè)是將函數(shù)賦值給****a
第二個(gè)****b****的值為****5****，表示調(diào)用函數(shù)，這個(gè)函數(shù)的返回值為****5
Vue react react native foundation angularjs
Nodejs webpack glup
