JavaScript Window Navigator
window.navigator 對(duì)象包含有關(guān)訪問者瀏覽器的信息
實(shí)例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<div id="example"></div>
<script>
txt = "<p>瀏覽器代號(hào): " + navigator.appCodeName + "</p>";
txt+= "<p>瀏覽器名稱: " + navigator.appName + "</p>";
txt+= "<p>瀏覽器版本: " + navigator.appVersion + "</p>";
txt+= "<p>啟用Cookies: " + navigator.cookieEnabled + "</p>";
txt+= "<p>硬件平臺(tái): " + navigator.platform + "</p>";
txt+= "<p>用戶代理: " + navigator.userAgent + "</p>";
txt+= "<p>用戶代理語(yǔ)言: " + navigator.systemLanguage + "</p>";
document.getElementById("example").innerHTML=txt;
</script>
</body>
</html>
來自 navigator 對(duì)象的信息具有誤導(dǎo)性,不應(yīng)該被用于檢測(cè)瀏覽器版本,這是因?yàn)椋?/p>
- navigator 數(shù)據(jù)可被瀏覽器使用者更改
- 一些瀏覽器對(duì)測(cè)試站點(diǎn)會(huì)識(shí)別錯(cuò)誤
- 瀏覽器無法報(bào)告晚于瀏覽器發(fā)布的新操作系統(tǒng)
JavaScript 彈窗
可以在 JavaScript 中創(chuàng)建三種消息框:警告框痹换、確認(rèn)框固棚、提示框
1. 警告框
window.alert("sometext");
window.alert() 方法可以不帶上window對(duì)象,直接使用alert()方法.
2. 確認(rèn)框
確認(rèn)框通常用于驗(yàn)證是否接受用戶操作仁锯。
當(dāng)確認(rèn)卡彈出時(shí)耀找,用戶可以點(diǎn)擊 "確認(rèn)" 或者 "取消" 來確定用戶操作。
當(dāng)你點(diǎn)擊 "確認(rèn)", 確認(rèn)框返回 true业崖, 如果點(diǎn)擊 "取消", 確認(rèn)框返回 false.
window.confirm("sometext");
window.confirm() 方法可以不帶上window對(duì)象野芒,直接使用confirm()方法.
<p>點(diǎn)擊按鈕,顯示確認(rèn)框双炕。</p>
<button onclick="myFunction()">點(diǎn)我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var r=confirm("按下按鈕!");
if (r==true){
x="你按下了\"確定\"按鈕!";
}
else{
x="你按下了\"取消\"按鈕!";
}
document.getElementById("demo").innerHTML=x;
}
</script>
3. 提示框
提示框經(jīng)常用于提示用戶在進(jìn)入頁(yè)面前輸入某個(gè)值复罐。
當(dāng)提示框出現(xiàn)后,用戶需要輸入某個(gè)值雄家,然后點(diǎn)擊確認(rèn)或取消按鈕才能繼續(xù)操縱效诅。
如果用戶點(diǎn)擊確認(rèn)胀滚,那么返回值為輸入的值。如果用戶點(diǎn)擊取消乱投,那么返回值為 null咽笼。
window.prompt("sometext","defaultvalue");
window.prompt() 方法可以不帶上window對(duì)象,直接使用prompt()方法.
<p>點(diǎn)擊按鈕查看輸入的對(duì)話框戚炫。</p>
<button onclick="myFunction()">點(diǎn)我</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var person=prompt("請(qǐng)輸入你的名字","SB");
if (person!=null && person!=""){
x="你好 " + person + "! 今天感覺如何?";
document.getElementById("demo").innerHTML=x;
}
}
</script>
換行
彈窗使用 反斜杠n (\n) 來設(shè)置換行
<p>點(diǎn)擊按鈕在彈窗中使用換行剑刑。</p>
<button onclick="myFunction()">點(diǎn)我</button>
<p id="demo"></p>
<script>
function myFunction(){
alert("Hello\nHow are you?");
}
</script>