DOM對(duì)象和內(nèi)置對(duì)象

與用戶交互

1、alert()
alert()向用戶彈出一個(gè)信息對(duì)話框,顯示消息和一個(gè)“確定”按鈕。
alert()方法把字符串作為參數(shù):

alert(“字符串參數(shù)”)

alert()沒(méi)有返回值
2、confirm()
confirm()向用戶顯示消息和"確定、取消"按鈕。單機(jī)任意一個(gè)按鈕都會(huì)關(guān)閉對(duì)話框,讓腳本繼續(xù)執(zhí)行,但根據(jù)哪個(gè)按鈕被單擊,confirm()方法會(huì)返回不同的值。單擊“確定”按鈕返回布爾值“true”;單擊“取消”按鈕會(huì)返回布爾值“false”。

var 變量名 = confirm(“字符串參數(shù)”)

3、prompt()
prompt()允許用戶輸入信息。
(1)輸入框內(nèi)無(wú)默認(rèn)字符

var 變量名 = prompt(“字符串參數(shù)”)

(2)輸入框內(nèi)有默認(rèn)字符

var 變量名 = prompt(“字符串參數(shù)”, "默認(rèn)字符")
  • 如果用戶輸入了信息,然后單擊“確認(rèn)”按鈕或回車(chē)鍵,返回值就是用戶輸入的字符串;
  • 如果用戶沒(méi)有在對(duì)話框里輸入信息就單擊“確認(rèn)”按鈕或回車(chē)鍵,返回值是調(diào)用prompt()方法設(shè)置的第2個(gè)可選參數(shù)的值(若提前設(shè)置的話);
  • 如果用戶單擊“取消”按鈕或按Esc鍵,返回值就是null;

訪問(wèn)瀏覽器歷史記錄

瀏覽器的歷史記錄是用window.history對(duì)象來(lái)表示的,它基本上就是訪問(wèn)過(guò)的URL列表。history對(duì)象的方法讓我們能夠使用這個(gè)列表,但不能直接地操作這些URL。
history對(duì)象只有一個(gè)屬性,就是它的長(zhǎng)度,表示擁護(hù)訪問(wèn)過(guò)的頁(yè)面的數(shù)量。

history.length
history對(duì)象的方法

1、前進(jìn):

history.forward();

單擊瀏覽器的“前進(jìn)”按鈕,可以得到歷史列表里下一個(gè)頁(yè)面。
2、后退:

history.backward();

單擊瀏覽器的“后退”按鈕,可以得到歷史列表里上一個(gè)頁(yè)面。
3、跳轉(zhuǎn)到歷史記錄列表里的相對(duì)位置

history.go(-3);   //回退3個(gè)頁(yè)面
history.go(3);   //前進(jìn)3個(gè)頁(yè)面
history.go(“example.com”);   //到達(dá)歷史記錄列表里第一個(gè)包含“example.com”的URL

location對(duì)象

location對(duì)象包含當(dāng)前加載頁(yè)面的URL信息。頁(yè)面的URL是由多個(gè)部分組成的:
[協(xié)議]//[主機(jī)名]:[端口]/[路徑][搜索][hash]
栗子:http://www.example.com:8080/tools/display.php?section=435#list

使用location對(duì)象導(dǎo)航

利用location對(duì)象有兩種方式可以幫助用戶導(dǎo)航至新頁(yè)面。
1、直接設(shè)置對(duì)象的herf屬性:

location.herf = 'www.newpage.com';

使用這種方法把用戶轉(zhuǎn)移到新頁(yè)面時(shí),原始頁(yè)面還保留在瀏覽器的歷史記錄里,用戶可以利用瀏覽器的“Back”按鈕方便地返回到以前的頁(yè)面。
2、替換對(duì)象的herf屬性:

location.replace('www.newpage.com');

這種方法是用新的URL直接替換當(dāng)前頁(yè)面,即把當(dāng)前頁(yè)面從歷史記錄列表里刪除。這樣就會(huì)在瀏覽器和歷史記錄列表里都是用新的URL來(lái)代替舊的。

刷新頁(yè)面

在瀏覽器里重新加載當(dāng)前頁(yè)面:

location.reload();

如果使用沒(méi)有參數(shù)的reload()方法,當(dāng)瀏覽器的緩存中保存了當(dāng)前頁(yè)面時(shí),就會(huì)加載緩存的內(nèi)容,為了避免這種情況的發(fā)生,確保從服務(wù)器獲得頁(yè)面數(shù)據(jù),可以再調(diào)用reload()方法時(shí)添加參數(shù)true;

location.reload(true);

瀏覽器信息:navigator對(duì)象

location對(duì)象保存了瀏覽器當(dāng)前URL的信息,而navigator對(duì)象包含了瀏覽器程序本身的數(shù)據(jù)。

日期和時(shí)間

創(chuàng)建具有當(dāng)前日期和時(shí)間的Date對(duì)象

currentDate是Date對(duì)象,其中包含了創(chuàng)建對(duì)講時(shí)的日期和時(shí)間信息。

var currentDate = new Date();

獲取Date對(duì)象中的數(shù)據(jù):

var year = currentDate.getFullYear();  //四位數(shù)字表示的年份,比如2022
var month = currentDate.get Month();  //數(shù)字表示的月份
var date = currentDate.getDate();  //日期
var day = currentDate.getDay();  //星期,0表示星期日,依次類(lèi)推
var hours = currentDate.get Hours();  //時(shí)
var minutes = currentDate.get Minutes();  //分
var seconds = currentDate.get Seconds();  //秒
創(chuàng)建具有指定日期和時(shí)間的Date對(duì)象

給Date()語(yǔ)句傳遞相應(yīng)的參數(shù):

new Date(milliseconds)  //自1970.1.1起的毫秒數(shù)
new Date(dateString)   //日期字符串
new Date(year, month, day, hours, minutes, seconds, milliseconds)   
栗子:
var d1 = new Date("October 22, 2021 10:07:18 ")    
  //2021.10.22.10:07:18
var d2 = new Date(21,10,22)    //2021.10.22
var d3 = new Date(21,10,22,10,7,0)     //2021.10.22.10:07:00
設(shè)置和編輯日期與時(shí)間
var year = currentDate.setFullYear();  //四位數(shù)字表示的年份,比如2022
var month = currentDate.set Month();  //數(shù)字表示的月份
var date = currentDate.setDate();  //日期
var day = currentDate.setDay();  //星期,0表示星期日,依次類(lèi)推
var hours = currentDate.set Hours();  //時(shí)
var minutes = currentDate.set Minutes();  //分
var seconds = currentDate.set Seconds();  //秒
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容