JavaScript基本語(yǔ)法續(xù)

文章目錄

• JavaScript基本語(yǔ)法續(xù)
• • 一、Javascript組成
  • 二、字符串處理方法
  • • 1、字符串合并操作：“ + ”
    • 2、parseInt() 將數(shù)字字符串轉(zhuǎn)化為整數(shù)
    • 3、parseFloat() 將數(shù)字字符串轉(zhuǎn)化為小數(shù)
    • 4、split() 把一個(gè)字符串分隔成字符串組成的數(shù)組
    • 5、charAt() 獲取字符串中的某一個(gè)字符
    • 6、indexOf() 查找字符串是否含有某字符
    • 7、substring() 截取字符串 用法： substring(start,end)（不包括end）
    • 8、toUpperCase() 字符串轉(zhuǎn)大寫
    • 9、toLowerCase() 字符串轉(zhuǎn)小寫
    • 10、字符串反轉(zhuǎn)
  • 三、類型轉(zhuǎn)換
  • • 1、直接轉(zhuǎn)換 parseInt() 與 parseFloat()
    • 2、隱式轉(zhuǎn)換 “==” 和 “-”
    • 3、NaN 和 isNaN
  • 四、定時(shí)器
  • • 1.定時(shí)器在javascript中的作用
    • 2.定時(shí)器類型及語(yǔ)法
    • 3.定時(shí)器制作時(shí)鐘
    • 4、定時(shí)器制作倒計(jì)時(shí)
  • 五、變量作用域
  • 六、封閉函數(shù)
  • 七、常用內(nèi)置對(duì)象
  • • 1、document
    • 2、location
    • 3、Math

一、Javascript組成

• 1、ECMAscript javascript的語(yǔ)法（變量、函數(shù)、循環(huán)語(yǔ)句等語(yǔ)法）
• 2、DOM 文檔對(duì)象模型 操作html和css的方法
• 3、BOM 瀏覽器對(duì)象模型 操作瀏覽器的一些方法

二、字符串處理方法

1、字符串合并操作：“ + ”

var iNum01 = 12; var iNum02 = 24; var sNum03 = '12'; var sTr = 'abc'; alert(iNum01+iNum02); //彈出36 alert(iNum01+sNum03); //彈出1212 數(shù)字和字符串相加等同于字符串相加 alert(sNum03+sTr); // 彈出12abc

2、parseInt() 將數(shù)字字符串轉(zhuǎn)化為整數(shù)

var sNum01 = '12'; var sNum02 = '24'; var sNum03 = '12.32'; alert(sNum01+sNum02); //彈出1224 alert(parseInt(sNum01)+parseInt(sNum02)) //彈出36 alert(sNum03) //彈出數(shù)字12 將字符串小數(shù)轉(zhuǎn)化為數(shù)字整數(shù)

3、parseFloat() 將數(shù)字字符串轉(zhuǎn)化為小數(shù)

var sNum03 = '12.32' alert(parseFloat(sNum03)); //彈出 12.32 將字符串小數(shù)轉(zhuǎn)化為數(shù)字小數(shù)

4、split() 把一個(gè)字符串分隔成字符串組成的數(shù)組

var sTr = '2017-4-22'; var aRr = sTr.split("-"); var aRr2= sTr.split("");alert(aRr); //彈出['2017','4','2'] alert(aRr2); //彈出['2','0','1','7','-','4','-','2','2']

5、charAt() 獲取字符串中的某一個(gè)字符

var sId = "#div1"; var sTr = sId.charAt(0); alert(sTr); //彈出 #

6、indexOf() 查找字符串是否含有某字符

var sTr = "abcdefgh"; var iNum = sTr.indexOf("c"); alert(iNum); //彈出2

7、substring() 截取字符串 用法： substring(start,end)（不包括end）

var sTr = "abcdefghijkl"; var sTr2 = sTr.substring(3,5); var sTr3 = sTr.substring(1);alert(sTr2); //彈出 de alert(sTr3); //彈出 bcdefghijkl

8、toUpperCase() 字符串轉(zhuǎn)大寫

var sTr = "abcdef"; var sTr2 = sTr.toUpperCase(); alert(sTr2); //彈出ABCDEF

9、toLowerCase() 字符串轉(zhuǎn)小寫

var sTr = "ABCDEF"; var sTr2 = sTr.toLowerCase(); alert(sTr2); //彈出abcdef

10、字符串反轉(zhuǎn)

var str = 'asdfj12jlsdkf098'; var str2 = str.split('').reverse().join('');alert(str2);

三、類型轉(zhuǎn)換

1、直接轉(zhuǎn)換 parseInt() 與 parseFloat()

alert('12'+7); //彈出127 alert( parseInt('12') + 7 ); //彈出19 alert( parseInt(5.6)); // 彈出5 alert('5.6'+2.3); // 彈出5.62.3 alert(parseFloat('5.6')+2.3); // 彈出7.8999999999999995 alert(0.1+0.2); //彈出 0.3000000000000004 alert((0.1*100+0.2*100)/100); //彈出0.3 alert((parseFloat('5.6')*100+2.3*100)/100); //彈出7.9

2、隱式轉(zhuǎn)換 “==” 和 “-”

if('3'==3) {alert('相等'); }// 彈出'相等' alert('10'-3); // 彈出7

3、NaN 和 isNaN

alert( parseInt('123abc') ); // 彈出123 alert( parseInt('abc123') ); // 彈出NaN

四、定時(shí)器

1.定時(shí)器在javascript中的作用

• 1、制作動(dòng)畫
• 2、異步操作
• 3、函數(shù)緩沖與節(jié)流

2.定時(shí)器類型及語(yǔ)法

/*定時(shí)器：setTimeout 只執(zhí)行一次的定時(shí)器 clearTimeout 關(guān)閉只執(zhí)行一次的定時(shí)器setInterval 反復(fù)執(zhí)行的定時(shí)器clearInterval 關(guān)閉反復(fù)執(zhí)行的定時(shí)器*/ var time1 = setTimeout(myalert,2000); var time2 = setInterval(myalert,2000); /* clearTimeout(time1); clearInterval(time2); */ function myalert(){alert('ok!'); }

3.定時(shí)器制作時(shí)鐘

<script type="text/javascript">window.onload = function(){ var oDiv = document.getElementById('div1');function timego(){var now = new Date();var year = now.getFullYear();var month = now.getMonth()+1;var date = now.getDate();var week = now.getDay();var hour = now.getHours();var minute = now.getMinutes();var second = now.getSeconds();var str = '當(dāng)前時(shí)間是：'+ year + '年'+month+'月'+date+'日 '+toweek(week)+' '+todou(hour)+':'+todou(minute)+':'+todou(second);oDiv.innerHTML = str;}timego();setInterval(timego,1000);}function toweek(n){if(n==0){return '星期日';}else if(n==1){return '星期一';}else if(n==2){return '星期二';}else if(n==3){return '星期三';}else if(n==4){return '星期四';}else if(n==5){return '星期五';}else{return '星期六';}}function todou(n){if(n<10){return '0'+n;}else{return n;}} </script> ...... <div id="div1"></div>

4、定時(shí)器制作倒計(jì)時(shí)

<script type="text/javascript">window.onload = function(){var oDiv = document.getElementById('div1');function timeleft(){var now = new Date();var future = new Date(2016,8,12,24,0,0);var lefts = parseInt((future-now)/1000);var day = parseInt(lefts/86400);var hour = parseInt(lefts%86400/3600);var min = parseInt(lefts%86400%3600/60);var sec = lefts%60;str = '距離2016年9月12日晚24點(diǎn)還剩下'+day+'天'+hour+'時(shí)'+min+'分'+sec+'秒';oDiv.innerHTML = str; }timeleft();setInterval(timeleft,1000); }</script> ...... <div id="div1"></div>

五、變量作用域

變量作用域指的是變量的作用范圍，javascript中的變量分為全局變量和局部變量。

• 1、全局變量：在函數(shù)之外定義的變量，為整個(gè)頁(yè)面公用，函數(shù)內(nèi)部外部都可以訪問(wèn)。
• 2、局部變量：在函數(shù)內(nèi)部定義的變量，只能在定義該變量的函數(shù)內(nèi)部訪問(wèn)，外部無(wú)法訪問(wèn)。

<script type="text/javascript">//全局變量var a = 12;function myalert(){//局部變量var b = 23;alert(a);alert(b);}myalert(); //彈出12和23alert(a); //彈出12 alert(b); //出錯(cuò) </script>

六、封閉函數(shù)

封閉函數(shù)是javascript中匿名函數(shù)的另外一種寫法，創(chuàng)建一個(gè)一開(kāi)始就執(zhí)行而不用命名的函數(shù)。

一般定義的函數(shù)和執(zhí)行函數(shù)：

function myalert(){alert('hello!'); };myalert();

封閉函數(shù)：

(function myalert(){alert('hello!'); })();

還可以在函數(shù)定義前加上“~”和“!”等符號(hào)來(lái)定義匿名函數(shù)

!function myalert(){alert('hello!'); }()

封閉函數(shù)的好處
封閉函數(shù)可以創(chuàng)造一個(gè)獨(dú)立的空間，在封閉函數(shù)內(nèi)定義的變量和函數(shù)不會(huì)影響外部同名的函數(shù)和變量，可以避免命名沖突，在頁(yè)面上引入多個(gè)js文件時(shí)，用這種方式添加js文件比較安全，比如：

var iNum01 = 12; function myalert(){alert('hello!'); }(function(){var iNum01 = 24;function myalert(){alert('hello!world');}alert(iNum01);myalert() })()alert(iNum01); myalert();

七、常用內(nèi)置對(duì)象

1、document

• document.getElementById //通過(guò)id獲取元素
• document.getElementsByTagName //通過(guò)標(biāo)簽名獲取元素
• document.referrer //獲取上一個(gè)跳轉(zhuǎn)頁(yè)面的地址(需要服務(wù)器環(huán)境)

2、location

• window.location.href //獲取或者重定url地址
• window.location.search //獲取地址參數(shù)部分
• window.location.hash //獲取頁(yè)面錨點(diǎn)或者叫哈希值

3、Math

• Math.random 獲取0-1的隨機(jī)數(shù)
• Math.floor 向下取整
• Math.ceil 向上取整

總結(jié)

以上是生活随笔為你收集整理的JavaScript基本语法(续)的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。