JavaScript基礎(chǔ)知識點分析
這篇“JavaScript基礎(chǔ)知識點分析”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“JavaScript基礎(chǔ)知識點分析”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價值，內(nèi)容詳細步驟清晰，細節(jié)處理妥當，希望大家通過這篇文章有所收獲，下面讓我們一起來看看具體內(nèi)容吧。
成都一家集口碑和實力的網(wǎng)站建設(shè)服務(wù)商，擁有專業(yè)的企業(yè)建站團隊和靠譜的建站技術(shù)，十年企業(yè)及個人網(wǎng)站建設(shè)經(jīng)驗 ,為成都1000多家客戶提供網(wǎng)頁設(shè)計制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營銷型網(wǎng)站建設(shè)，成都品牌網(wǎng)站建設(shè)，同時也為不同行業(yè)的客戶提供做網(wǎng)站、成都做網(wǎng)站的服務(wù),包括成都電商型網(wǎng)站制作建設(shè),裝修行業(yè)網(wǎng)站制作建設(shè)，傳統(tǒng)機械行業(yè)網(wǎng)站建設(shè),傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設(shè)。在成都做網(wǎng)站,選網(wǎng)站制作建設(shè)服務(wù)商就選創(chuàng)新互聯(lián)。
Java是什么
JavaScript是一種基于對象和事件驅(qū)動的、并具有安全性能的腳本語言,已經(jīng)被廣泛用于Web應用開發(fā),常用來為網(wǎng)頁添加各式各樣的動態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現(xiàn)自身的功能的。
JavaScript特點
是一種解釋性腳本語言（代碼不進行預編譯）。
主要用來向HTML（標準通用標記語言下的一個應用）頁面添加交互行為。
可以直接嵌入HTML頁面，但寫成單獨的js文件有利于結(jié)構(gòu)和行為的分離。
跨平臺特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺下運行（如Windows、Linux、Mac、Android、iOS等）。
JavaScript組成
JavaScript日常用途
嵌入動態(tài)文本于HTML頁面。
對瀏覽器事件做出響應。
讀寫HTML元素。
在數(shù)據(jù)被提交到服務(wù)器之前驗證數(shù)據(jù)。
檢測訪客的瀏覽器信息。
控制cookies，包括創(chuàng)建和修改等。
基于Node.js技術(shù)進行服務(wù)器端編程。
JavaScript的基本結(jié)構(gòu)
<script type="text/javascript"> <!— JavaScript 語句; —> </script >
示例：
……
<title>初學JavaScript</title>
</head>
<body>
<script type="text/javascript">
document.write("初學JavaScript");
document.write("<h2>Hello，JavaScript</h2>");
</script>
</body>
</html><script>…</script>可以包含在文檔中的任何地方，只要保證這些代碼在被使用前已讀取并加載到內(nèi)存即可
JavaScript的執(zhí)行原理
網(wǎng)頁中引用JavaScript的方式
1.使用<script>標簽
2.外部JS文件
<script src="export.js" type="text/javascript"></script>
3.直接在HTML標簽中
<input name="btn" type="button" value="彈出消息框"
onclick="javascript:alert('歡迎你');"/>JavaScript核心語法：
1. 變量
①先聲明變量再賦值
var width;
width = 5;
var － 用于聲明變量的關(guān)鍵字
width － 變量名
②同時聲明和賦值變量
var catName= "皮皮";
var x, y, z = 10;
③不聲明直接賦值【一般不使用】
width=5;
變量可以不經(jīng)聲明而直接使用，但這種方法很容易出錯，也很難查找排錯，不推薦使用。
2. 數(shù)據(jù)類型
①undefined：示例：var width;
變量width沒有初始值，將被賦予值undefined
②null：表示一個空值，與undefined值相等
③number：
var iNum=23; //整數(shù)
var iNum=23.0; //浮點數(shù)
④Boolean：true和false 但是JS會把他們解析成1；0
⑤String：一組被引號（單引號或雙引號）括起來的文本 var string1="This is a string";
3. typeof運算符
typeof檢測變量的返回值；typeof運算符返回值如下：
①undefined：變量被聲明后，但未被賦值.
②string：用單引號或雙引號來聲明的字符串。
③boolean：true或false。
④number：整數(shù)或浮點數(shù)。
⑤object：javascript中的對象、數(shù)組和null。
4. String對象
①屬性：
字符串對象.length
var str="this is JavaScript"; var strLength=str.length; //長度是18
②方法：
字符串對象.方法名();
split(str)：如果語法寫成width.split(" ")【冒號中間有空格】此時：width height hello world會被拆分成：width,height,hello,world；如果語法寫成width.split("")【冒號中間沒有空格】此時：width height hello world會被拆分成：w,i,d,t,h, ,h,e,i,g,h,t, ,h,e,l,l,o, ,w,o,r,l,d
5. 數(shù)組：
①創(chuàng)建數(shù)組：
②為數(shù)組元素賦值：
方法一：
var fruit= new Array("apple", "orange", " peach","banana");方法二：
var fruit = new Array(4); fruit [0] = " apple "; fruit [1] = " orange "; fruit [2] = " peach "; fruit [3] = " banana ";
③訪問數(shù)組：
數(shù)組名[下標]
6. 數(shù)組的常用屬性和方法：
7. 運算符號
8. 邏輯控制語句
①if條件語句
if(條件)
{ //JavaScript代碼; }
else
{ //JavaScript代碼; }If·中0，null，” ”，undefined，NaN，false--------結(jié)果是false；其他的都是true！
②switch多分支語句
switch (表達式)
{ case 常量1 :
JavaScript語句1;
break;
case 常量2 :
JavaScript語句2;
break;
default :
JavaScript語句3; }③for、while循環(huán)語句
for(初始化; 條件; 增量)
{ JavaScript代碼; }
while(條件)
{ JavaScript代碼; }④for-in
var fruit=[ "apple", "orange", "peach","banana"];
for(var i in fruit){
document.write(fruit[i]+"<br/>"); }i就是數(shù)組的下標，in這個數(shù)組要查詢所有的數(shù)組下標
9. 循環(huán)中斷
①break
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){ break; }
document.write("這個數(shù)字是："+i+"<br/>"); }
</script>
②continue
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){ continue; }
document.write("這個數(shù)字是："+i+"<br/>"); }
</script>
10. 注釋
①單行注釋以 // 開始，以行末結(jié)束：
//alert("恭喜你！注冊會員成功");
//在頁同上彈出注冊會員成功的提示框
//注釋
如果在頁面里單行注釋中回車打一些東西此時就會報錯：Uncaught ReferenceError: XXXX is not defined
②多行注釋以 /* 開始，以 */ 結(jié)束，符號 /*…… */ 指示中間的語句是該程序中的注釋
/* 使用for循環(huán)運行“document.write("<h4>Hello World</h4>");”5次
使用document.write在頁面上輸出“Hello World” */
11. 常用的輸入/輸出
【輸出一般使用alert；輸入使用prompt；但是后期不建議使用alert，在真實的開發(fā)中一般使用console.Log( )】
①alert()【一般用在一些警告或者提示中】：
alert("提示信息");
②prompt()
prompt("提示信息", "輸入框的默認信息");
prompt("請輸入你喜歡的顏色","紅色");
prompt("請輸入你喜歡的顏色","");
12. 語法約定
①代碼區(qū)分大小寫
小寫寫成大寫會報錯：Uncaught SyntaxError: Unexpected identifier
②變量、對象和函數(shù)的名稱
當聲明變量、對象和函數(shù)的名稱時大小寫，數(shù)字，下劃線，美元符號都可以，但是必須以字母，下劃線，美元符號開頭
否則會報錯：Uncaught SyntaxError: Invalid or unexpected token
③分號
如果不寫會報錯：Uncaught SyntaxError: Invalid or unexpected token
程序調(diào)試：
Chrome開發(fā)人員工具：
停止斷點調(diào)試
單步調(diào)試，不進入函數(shù)體內(nèi)部
單步調(diào)試，進入函數(shù)體內(nèi)部
跳出當前函數(shù)
禁用所有的斷點，不做任何調(diào)試
alert()方法：
直接打印信息，直接在頁面上看到具體信息
【但是一般使用console.Log( )，因為使用alert( )很容易忘掉刪除，當使用alert( )進行彈出時，最后產(chǎn)品上線后，會降低用戶體驗，所以使用console.Log( )就會避免這個問題】
函數(shù)：
什么是函數(shù)？
函數(shù)的含義：類似于Java中的方法，是完成特定任務(wù)的代碼語句塊；使用更簡單：不用定義屬于某個類，直接使用；函數(shù)分類：系統(tǒng)函數(shù)和自定義函數(shù)
常用系統(tǒng)函數(shù)：
parseInt ("字符串")：將字符串轉(zhuǎn)換為整型數(shù)字
如: parseInt ("86")將字符串“86“轉(zhuǎn)換為整型值86
當為parseInt ("86a")時輸出還是86
當為parseInt ("86a21")時輸出還是86
當為parseInt ("a86a")時輸出NaN
parseFloat("字符串")：將字符串轉(zhuǎn)換為浮點型數(shù)字
如: parseFloat("34.45")將字符串“34.45“轉(zhuǎn)換為浮點值34.45
isNaN( )：用于檢查其參數(shù)是否是非數(shù)字
isNaN("111")會輸出false
isNaN(true)會輸出false
isNaN("true")會輸出true
isNaN("aaa")會輸出true
isNaN("111a")會輸出true
自定義函數(shù)
1.定義函數(shù)
2.調(diào)用函數(shù)
函數(shù)調(diào)用一般和表單元素的事件一起使用，調(diào)用格式
事件名＝ "函數(shù)名( )" ;
一、調(diào)用無參函數(shù)
調(diào)用無參函數(shù)，輸出5次“歡迎學習JavaScript”
示例：
function study( ){
for(var i=0;i<5;i++){
document.write("<h5>歡迎學習JavaScript</h5>");
}
}單擊此按鈕時，調(diào)用函數(shù)study()，執(zhí)行函數(shù)體中的代碼
<input name="btn" type="button" value="顯示5次歡迎學習JavaScript" onclick="study( )" />
二、調(diào)用有參函數(shù)
根據(jù)輸入的次數(shù)，顯示“歡迎學習JavaScript“
示例：
function study(count){
for(var i=0;i<count;i++){
document.write("<h5>歡迎學習JavaScript</h5>");
}
}單擊此按鈕時，調(diào)用函數(shù)study (count )，執(zhí)行函數(shù)體中的代碼
<input name="btn" type="button" value="請輸入顯示歡迎學習JavaScript的次數(shù)"
onclick="study(prompt('請輸入顯示歡迎學習JavaScript的次數(shù):',''))" />變量的作用域:
全局變量
局部變量
<body onload="second( )">
var i=20; 【這是一個全局變量】
function first( ){
var i=5; 【這是一個局部變量】
for(var j=0;j<i;j++){
document.write(" "+j); } }
function second( ){
var t=prompt("輸入一個數(shù)","")
if(t>i) 【此時t和全局變量i作比較】
document.write(t);
else
document.write(i);
first( ); }
事件
感謝你的閱讀，希望你對“JavaScript基礎(chǔ)知識點分析”這一關(guān)鍵問題有了一定的理解，具體使用情況還需要大家自己動手實驗使用過才能領(lǐng)會，快去試試吧，如果想閱讀更多相關(guān)知識點的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
分享題目：JavaScript基礎(chǔ)知識點分析
網(wǎng)站路徑：http://sd-ha.com/article30/gpsopo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、標簽優(yōu)化、自適應網(wǎng)站、微信公眾號、網(wǎng)站制作、品牌網(wǎng)站制作
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 合格的微信公眾號運營者應該做什么內(nèi)容？ 2014-02-26
- 關(guān)于區(qū)域性APP或微信公眾號推廣的思考 2020-10-31
- 微信公眾號定制開發(fā)需要多少錢？ 2023-04-06
- 如何通過微信公眾號來推廣產(chǎn)品 2016-05-30
- 運營企業(yè)微信公眾號的10個秘訣 2022-11-01
- 購物商城微信公眾號交互設(shè)計 2022-06-01
- 微信公眾號開發(fā)入門的基本流程-大連微信開發(fā) 2022-07-17
- 微信公眾號SEO優(yōu)化排名怎么做才能提升用戶的活躍度？ 2022-06-24
- 微信微信公眾號如何留住粉絲？ 2014-06-07
- 微信公眾號如何通過裂變營銷增加粉絲？ 2015-09-05
- 微信公眾號運營如何避免封號？ 2014-05-28
- 微信公眾號如何營銷可以提升粉絲滿意度？ 2015-09-05