javascript
JavaScript 基础
??? 學習JavaScript的第一天,來此做個筆記。本人是那種三天打魚兩天曬網(wǎng)的類型,所以打算每天都寫一篇文章以此來督促自己,也希望自己能做到,哈哈。
???? 首先是JavaScript的誕生史,這個就先省略吧。
???? JavaScript是基于對象和事件驅(qū)動,并具有安全性能的客戶端腳本語言。是一種專為與網(wǎng)頁交互而設(shè)計的腳本語言。
1.JavaScript的組成
JavaScript由三部分組成:ECMAScript(核心)? DOM(文檔對象模型?) BOM(瀏覽器對象模型 )
2 在HTML中使用JavaScript有以下幾種方法:
2.1.事件定義式(在HTML標簽中直接嵌入JS代碼(用的少))
<div id='div1' οnclick='alert(“你好”)'>點擊</div>
?
??2.2.標簽嵌入式(在html文件中嵌入<script>標簽,在標簽中放置javascript代碼。)
<script></script>
2.3.文件調(diào)用式(將javascript代碼寫入一個單獨的js文件,然后在html頁面進行引用。)
<script src=”a.js”></script>
在JavaScript中的注釋分兩種
//?????? 單行注釋
/**/???? 多行注釋
3 變量的命名
變量是由數(shù)字、字母、下劃線(_)和美元符號($)的一種或者幾種組成,且不能以數(shù)字開頭,嚴格區(qū)分大小寫。不能使用關(guān)鍵字
4 JavaScript數(shù)據(jù)類型
數(shù)值、字符串、布爾、undefined、null、對象
//1.數(shù)值類型 numbervar num3 = -10; //通過typeof來檢測一個變量的類型//alert(typeof num3); //2.字符串類型 string 成對的單引號或者雙引號引起來的一串字符 //3.布爾類型 boolean true false //4.undefined 類型就一個值 undefined var un1; //console.log(typeof un1,un1);//定義了未賦值//console.log(un2);//未定義,報錯 //5.null類型 一個值 null //var person = null;//以上5種類型稱為基本數(shù)據(jù)類型 //6.對象類型 object 復合類型var student = {name:"john",age:20,score:[100,100]}5 算術(shù)、賦值、關(guān)系運算符
算術(shù)運算符
+?-?????? *??? /????? %
賦值運算符
=?? +=? -=? *=?? /=? %=
關(guān)系運算符
>?? <?? >=?? <=?? ==? !=??? ===?? !==
console.log("1"==1,"1"===1); // true false //第一個為等于比較,第二個為全等比較(類型一致+數(shù)值一致)?6?數(shù)據(jù)轉(zhuǎn)換
分為顯式轉(zhuǎn)換和隱式轉(zhuǎn)換
顯式轉(zhuǎn)換:Number()?????????????????????????? ?//轉(zhuǎn)換為數(shù)字
String()????????????????????????????????????????????????//轉(zhuǎn)換為字符串類型
Boolean()???????????????????????????????????????? ???//轉(zhuǎn)換為布爾類型
console.log(Boolean(""),Boolean(" "),Boolean(1),Boolean(0),Boolean(undefined),Boolean(null),Boolean("abc"),Boolean(10))//false true true false false false true trueParseInt() ????????????????????????????????????????? ?//轉(zhuǎn)換為整數(shù)(碰到非數(shù)字樣式即停止)
Parsefloat() ?????????????????????????????????????? ?//轉(zhuǎn)換為小數(shù)(碰到非數(shù)字樣式即停止)
隱式轉(zhuǎn)換(自動轉(zhuǎn)換)
加法運算中,如果有一個操作值為字符串類型,則將另一個操作值轉(zhuǎn)換為字符串,最后連接起來。
乘除、減、取余運算符,如果操作值之一不是數(shù)值,則被隱式調(diào)用Number()函數(shù)進行轉(zhuǎn)換。
<script>console.log(16-"5");//11console.log(5-"a");//NaNconsole.log(5-NaN);//NaNconsole.log(5-null);//5console.log(5-undefined);//NaNconsole.log(5-5);//0console.log(5-true);//4console.log(5-"true");//NaNconsole.log(5-"");//5console.log(16+"5");//165console.log(5+"a");//5aconsole.log(5+"NaN");//NaNconsole.log("兩個數(shù)的和是"+5+5);//55console.log("兩個數(shù)的和是"+(5+5));//10console.log("26">"5")//falseconsole.log(5<"a")//falseconsole.log(5>=NaN)//falseconsole.log(5<NaN)//falseconsole.log(5>="true")//falseconsole.log(5>="")//true</script>?
輸出顯示內(nèi)容的方法:1.window.alert()????????????????????????????????????????????????//出現(xiàn)在警告框
?????????????????????????????????? ?2.document.write()???????????????????????????????????????????//在頁面中寫入
??????????????????????????????????? 3.console.log()?????????????????????????????????????????????????//出現(xiàn)在調(diào)試臺?
?(寫了這麼久的寫到這里,然后......電腦藍屏了,強制關(guān)機再重啟,內(nèi)心是崩潰的,以為這麼久的努力付諸東流,登上來一看居然在草稿箱里,必須要點個贊了)
課堂練習:計算兩個文本框的和
?
第一次寫東西,明天繼續(xù)。
轉(zhuǎn)載于:https://www.cnblogs.com/a-peppa-pig/p/9379224.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript 基础的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: BZOJ 3224 普通平衡树 trea
- 下一篇: 【AngularJS学习笔记】Java