1. 程式人生 > >JS學習之全域性函式與window物件

JS學習之全域性函式與window物件

學習峰哥Js教程自學筆記,峰哥Java學習路線:http://www.java1234.com/javaxuexiluxiantu.html 

1、全域性函式:

1)概念:全域性函式不屬於任何一個內建物件。

2)包含:

JS 包含以下7 個全域性函式,用於一些常用的功能:escape(),eval(),isNan(),isFinite(),parseFloat(),parseInt(),unescape();

3)eval()函式:

var str = "1+2+3";
alert(eval(str));

執行程式碼如下:

執行程式碼

2、window物件:

1)方法:

        Alert();彈出訊息框

       window.alert("window物件的alert方法");

執行結果:

cnfirm()彈出確認對話方塊

  var alert = window.confirm("確定?");//確定對話方塊   點選確定結果為true,點選取消結果為fasle
document.write(alert);

執行結果:

prompt()彈出輸入對話方塊:

var alert = window.prompt("設定姓名");//輸入資訊對話方塊,IE阻止了彈出
document.write(alert);

執行結果:

setTimeout()延時執行,只執行一次。

function dzt(){
alert("5s後吊炸天");
}

window.setTimeout("dzt()",5000);//延時執行,只執行一次

執行結果:

5s後彈出如下對話方塊

setinterval() 延時執行,週期性執行,即每隔固定的秒數執行一次。

function setDateTime(){
var date=new Date();
var day=date.getDay();
var week;
switch(day){
case 0:week="星期日";break;
case 1:week="星期一";break;
case 2:week="星期二";break;
case 3:week="星期三";break;
case 4:week="星期四";break;
case 5:week="星期五";break;
case 6:week="星期六";break;
}
var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日  "+week+" "+date.getHours()+":"+date. et inutes()+":"+date.getSeconds();
document.getElementById("today").innerHTML=today;
}

window.setInterval("setDateTime()", 1000);

<div id="today">
</div>

     執行結果:

1s後顯示如下結果,並且1s重新整理一次。

open();開啟視窗

window.open("http://www.baidu.com/");

執行結果:

開啟百度網站。

2)事件:

Window.onload 發生在文件全部下載完畢的時候。
Window.onresize 發生在視窗大小發生變化的時候。

window.onload = function(){
alert("載入完成");
}//載入完成的時候呼叫,window窗體事件支援

function init(){
alert("載入完成了");
}//載入完成的時候呼叫,html標籤也支援

window.onresize = function(){
alert("窗體大小發生了變化!");
}//窗體大小發生變化的時候呼叫,會預設呼叫兩次,window窗體支援

<body onload="init()">

<div id="today">
</div>

</body>

當特定的條件下會觸發特定的方法。