javascript
JavaScript总结(一)
一、JavaScript 簡介
? 1.1 、什么是 JavaScript?
?? ??? ?JavaScript 的簡稱:JS。
?? ??? ?JavaScript 是一個腳本。(不需要經(jīng)過編譯器編譯的語言就叫做腳本)
?? ??? ?JavaScript 的作用:
?? ??? ??? ?1)動態(tài)改變網(wǎng)頁內(nèi)容
?? ??? ??? ?2)動態(tài)改變網(wǎng)頁的外觀
?? ??? ??? ?3)驗(yàn)證表單數(shù)據(jù)
?? ??? ??? ?4)響應(yīng)事件
?? 1.2、 JavaScript 的特點(diǎn)
?? ??? ?1)語法簡單,易學(xué)易用。
?? ??? ?2)解釋型語言。
?? ??? ?3)動態(tài)執(zhí)行。
?? ??? ?4)跨平臺,JavaScript是依賴于瀏覽器本身的,與操作系統(tǒng)無關(guān)。
?? ??? ?5)基于對象和事件驅(qū)動(單擊、懸浮、雙擊、聚焦、失焦...)
?? ??? ?6)僅限客戶端。
?? 直接對用戶或客戶輸入做出響應(yīng),無須經(jīng)過Web服務(wù)程序。它對用戶的響應(yīng),是采用以事件驅(qū)動的方式進(jìn)行的。所謂事件驅(qū)動,就是指在主頁中執(zhí)行了某種操作所產(chǎn)生的動作,就稱為“事件”。比如按下鼠標(biāo),移動窗口,選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后,可能會引起相應(yīng)的事件響應(yīng)。?
??? 1.3、 JavaScript 與 Java 的區(qū)別?
?? ??? ?1)Java 需要編譯。JavaScript 需要解釋。
?? ???? 2)Java 徹底的面向?qū)ο?/span>
?? ???? 3)Java 是強(qiáng)類型(數(shù)據(jù)要特別指定類型來存儲)。
?? ??? ??? JavaScript 是弱類型(會根據(jù)給定的數(shù)據(jù)來推算出類型)。
二、 引入方式與引入位置
向HTML頁面插入JavaScript的主要方法,就是使用<script元素>。
使用<script>元素的方式有兩種:直接在HTML頁面中嵌入JavaScript代碼和包含外部的JavaScript文件。
例:<script src=”test.js” type=”text/javascript”></script>
注:規(guī)范中script標(biāo)簽中必須加入type屬性。
內(nèi)部
<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>在HTML中使用JavaScript</title></head><body><h1>在頁面中嵌入JavaScript</h1><script type="text/javascript">window.document.write("hello,world");</script></body> </html>外部
html文件使用src引入外部my.js
JavaScript文件
JavaScript代碼
<script>標(biāo)簽的位置
關(guān)于<script>標(biāo)簽的位置,<script>一般應(yīng)該放在頁面的<head>元素中。
<html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>在HTML中使用JavaScript</title><script type="text/javascript" >window.document.write("世界你好!!!");</script></head><body><h1>將JavaScrip標(biāo)簽放在head上</h1></body> </html>注意:
1、 頁面上可以有多個<script>標(biāo)簽
2、 <script>標(biāo)簽按順序執(zhí)行
3、 <script>標(biāo)簽可以出現(xiàn)在任意的頁面位置
?? ?? 4、<script>標(biāo)簽一定要寫</script>關(guān)閉,而不能<script/>這樣關(guān)閉。否則沒有任何錯誤信息,但是沒有運(yùn)行結(jié)果。
三、區(qū)分大小寫
? JavaScript區(qū)分大小寫
四、常用函數(shù)
window.alert() 或?qū)憺?alert() :顯示一個提示框顯示內(nèi)容。
window.document.write() :在網(wǎng)頁的當(dāng)前位置處寫內(nèi)容。
?五、變量
JavaScript的變量是弱類型的,定義變量時只用 var 運(yùn)算符,可以將它初始化為任意值。
? //所有的數(shù)據(jù)都是用var定義
?? ??? ? var name = "admin";??
?? ??? ? var age = 26;
?? ??? ? var obj = new Date();
?六、數(shù)據(jù)類型
使用typeof關(guān)鍵字查看變量代表的具體數(shù)據(jù)類型
? var name = "admin";
?? ??? ? var age = 26;
?? ??? ? var obj = new Date();
???????? alert(typeof(name)+"=="+typeof(age)+"=="+typeof(obj));
?彈出:string==number==Object
?
有4種基本數(shù)據(jù)類型:
??? Undefined, Boolean,Number和String
- undefined -?如果一個變量沒有初始化值的時候,其類型為undefined類型。表示沒有定義
- boolean -布爾是boolean類型
- number - 所有的數(shù)值都是number類型
- string -字符和字符串都是string類型
- object - 如果變量是一種引用類型或 Null 類型的
七、類型轉(zhuǎn)換
<script type="text/javascript">var a = 20;var b = 14;var c = a + b;var d = a + "" + b;alert(c); //輸出 34alert(d); //輸出 2014var x = "20";var y = "12";var xy = x + y;alert(xy); //輸出 2012var xy2 = parseInt(x) + parseInt(y);window.document.write(xy2); //輸出 32 parseInt將字符串解析為數(shù)字</script>ECMAScript 提供了兩種把非數(shù)字的原始值轉(zhuǎn)換成數(shù)字的方法,即 parseInt() 和 parseFloat()。只有對 String 類型調(diào)用這些方法,它們才能正確運(yùn)行;對其他類型返回的都是 NaN。
??? 在判斷字符串是否是數(shù)字值前,parseInt() 和 parseFloat() 都會仔細(xì)分析該字符串。
parseInt() 方法首先查看位置 0 處的字符,判斷它是否是個有效數(shù)字;如果不是,該方法將返回 NaN,不再繼續(xù)執(zhí)行其他操作。但如果該字符是有效數(shù)字,該方法將查看位置 1 處的字符,進(jìn)行同樣的測試。這一過程將持續(xù)到發(fā)現(xiàn)非有效數(shù)字的字符為止,此時 parseInt() 將把該字符之前的字符串轉(zhuǎn)換成數(shù)字。
??? 例如,如果要把字符串 "12345red" 轉(zhuǎn)換成整數(shù),那么 parseInt() 將返回 12345,因?yàn)楫?dāng)它檢查到字符 r 時,就會停止檢測過程。
<script type="text/javascript"> /*字符串轉(zhuǎn)數(shù)字parseInt() 可以把一個字符串轉(zhuǎn)換成整數(shù)。parseFloat() 可以把一個字符串轉(zhuǎn)換成小數(shù)。 */var a = "12";a = 12.64;a = "123abc123"; /* parseInt方法如果接收的字符串含有非數(shù)字的字符,那么parseInt方法會從字符串的首個字符開始尋找,一直找到非數(shù)字字符為止,然后就使用前面的數(shù)字字符轉(zhuǎn)換成數(shù)字, */a = "a123"; // NaN not a number(不是一個數(shù)字) a = "012"; /* 12 如果首位是0,那么就想祛除0再進(jìn)行轉(zhuǎn)換。*/a = "0x10"; /* 如果一個字符串是以0x開頭,那么會把字符串中的內(nèi)容當(dāng)成十六進(jìn)行的數(shù)據(jù)處理的。 */var b = parseInt(a);document.write("結(jié)果:"+b+"<br/>"); //16var c= "3.14";c = "10"; // 如果是一個字符串是整數(shù)的,那么使用parseFloat還是轉(zhuǎn)換 成整數(shù) 。 c = "100a";c = "abc123";c = parseFloat(c);document.write("結(jié)果:"+c+"<br/>"); //NaN/*javascript提供一個IsNaN的方法讓我們判斷該字符串是否是 一個數(shù)字。is not a muber 不是一個數(shù)字。不是一個數(shù)字返回true,是一個數(shù)字返回false. */document.write(isNaN("123")+"<br/>"); //falsedocument.write(isNaN("abc123")); //true</script>?八、比較運(yùn)算符
<script type="text/javascript">var a = 20;var b = "20";// 如果用==判斷是否相等,JS會盡力把它們搞成同一個類型,然后進(jìn)行比較 ?????console.log( a == b ); //true "==" 只是比較數(shù)值是否相等console.log( a === b ); //false "==="比較數(shù)值和類型是否相等console.log( a != b ); //false "!=" 比較數(shù)值是否不等console.log( a !== b ); //true "!=="比較類型和數(shù)值是否不等</script>三目運(yùn)算
三目運(yùn)算符 布爾表達(dá)式?值1:值2; */ var age = 10;document.write(age>18?"成年人":"未成年人"); //未成年人 //表達(dá)式?返回值1:返回值2 如果表達(dá)式成立則返回返回值1;如果表達(dá)式不成立,則返回返回值2九、流程控制語句
<script type="text/javascript"> /* 控制流程語句if語句格式:if(判斷條件){符合條件執(zhí)行的代碼 } if語句的特殊之處: 1. 在javascript中的if語句條件不單止可以寫布爾表達(dá)式,還可以寫任何的數(shù)據(jù)。number 非0為true, 0為false.string 內(nèi)容不為空是true, 內(nèi)容空的時候是false。undefined:falseNaN: false */ var workAge = 1; //為0是false;非0是truevar str =""; //為空是false;不為空是truevar b; //未定義,為falseif(workAge){document.write("明天過來面試!!");}else{document.write("不要在投我們公司了,不要你!"); }/* 選擇語句: switch語句switch(變量){case 值1: break;case 值2:break;case 值3:break;.....default:break;}特殊之處:1. 在javascript中case后面可以跟常量與變量還可以跟表達(dá)式 *//* var option = "A";var score =98;switch(option){case score>=90?"A":"B":document.write("java");break;case "B":document.write("ps");case "C":document.write("javascript");break;case "D":document.write("C++");break;}*/</script>轉(zhuǎn)載于:https://www.cnblogs.com/guzhou-ing/p/6464249.html
總結(jié)
以上是生活随笔為你收集整理的JavaScript总结(一)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: LINUX-Shell第一课
- 下一篇: CentOS7 redis-3.2.8