js基礎知識3

 

 

系統對話框方法

警告框

window.alert('mcw');

效果顯示

 

確認框

1. var a = window.confirm('你肯定要離開網站?');
2. console.log(a);

 

若是點擊肯定,a的值返回true,點擊取消,a的值返回false

彈出框

var name = window.prompt('請輸入你早晨吃了什麼?','mcw');
console.log(name);

prompt()方法接收兩個參數,第一個參數是顯示的文本,第二個參數是默認的文本,若是點擊了肯定,則name的結果爲mjj

 

一次性定時器

setTimeout()

setTimeout()方法表示一次性定時任務作某件事情,它接收兩個參數,第一個參數爲執行的函數,第二個參數爲時間(毫秒計時:1000毫秒==1秒)

window.setTimeout(function () {
    console.log('111');
},2000);

console.log(2222);

 

週期性定時器。

setInterval()

setInterval()方法表示週期性循環的定時任務.它接收的參數跟setTimeout()方法同樣.

var num=0;
window.setInterval(function () {
    num++;
    console.log(num);
},1000);

1000 是1s，間隔1s執行一次內部代碼

 

下面清除定時器沒管用，沒指定定時器是誰

1）開啓定時器：

var num=0;
window.setInterval(function () {
    num++;
    if(num===4){
        clearInterval()
    }
    console.log(num);
},1000);

清除定時器

定義一個空對象，讓這個對象=這個定時器，對它使用清除方法：

var num=0;
var timer=null;
timer=window.setInterval(function () {
    num++;
    if(num===4){
        clearInterval(timer)
    }
    console.log(num);
},1000);

console.log(window.location);

後臺也能獲取這些值  ，recv

hash是個訪問模式，兩種模式，帶#號是hash模式？另外一種不帶#號的..。模式

瀏覽器自帶的功能。

好比還有緩存功能：

勾選這個就不會使用緩存

看看reload方法：

 

左邊是個博客，右邊編輯器，下面有個提交按鈕。提交博客以後左邊博客刷新，局部刷新，用location.reload();實現。若是是整個頁面刷新，這樣整個頁面都要從新請求加載，不合理。

下面代碼執行後，整個頁面每兩秒刷新一次。

setInterval(function () {
    location.reload()
},2000)