與用戶交互
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(); //秒