1.輸出內(nèi)容
document.write();// 用于直接向HTML輸出流寫內(nèi)容，即直接在網(wǎng)頁中輸出內(nèi)容
- 直接輸出""內(nèi)的內(nèi)容
- 通過變量丑勤，輸出內(nèi)容
- 輸出多項內(nèi)容，內(nèi)容之間用+連接
- 輸出HTML標(biāo)簽榆苞，并起作用墓塌，標(biāo)簽使用""括起來
document.write(mystr+"hello");
JS輸出空格
問題：在輸出內(nèi)容的任何位置有多少個空格，顯示的結(jié)果只有一個空格
原因：瀏覽器的顯示機制香缺，對手動敲入的空格手销，將連續(xù)的多個空格只顯示成一個空格
解決方法：
1.使用輸出html標(biāo)簽
document.write(" "+"1"+" "+"23");
2.使用CSS樣式
document.write("<span style='white-space:pre;'>"+" 1 2 3"+"</span>");
white-space:pre;樣式屬性，表示“空白會被瀏覽器保留”
2.alert（警告）
alert(字符串或變量);
- 按順序彈出消息對話框
- 點擊對話框“確定”按鈕前图张，不能進(jìn)行任何其他操作
- 消息對話框通撤嫱希可以用于調(diào)試程序
- alert輸出內(nèi)容可以是字符串或者變量，與document.write類似
3.confirm（確認(rèn)）
通常用于允許用戶做選擇的動作祸轮，對話框包括一個確定按鈕和一個取消按鈕
confirm(str);
參數(shù)說明：
str:在消息對話框中要顯示的文本
返回值：Boolean值
- 點擊確定按鈕兽埃，返回true
- 點擊取消按鈕，返回false
通過返回值适袜，判斷用戶點擊什么按鈕
消息對話框排它柄错，即用戶在點擊對話框按鈕之前，不能進(jìn)行其他操作
4.提問（prompt）
prompt通常用于詢問需要與用戶交互的信息，對話框包含一個確定按鈕售貌、取消按鈕和一個文本輸入框
prompt(str1,str2);
參數(shù)說明：
- str1:要顯示在消息對話框中的文本给猾，不可修改
- str2:文本框中的內(nèi)容，可以修改
返回值：
確定颂跨，文本框中的內(nèi)容為函數(shù)返回值
取消敢伸，返回null
在用戶點擊對話框的按鈕之前，不能進(jìn)行其它任何操作
5.window.open（打開新窗口）
open()方法可查找一個已經(jīng)存在或新建的瀏覽器窗口
window.open([URL],[窗口名稱],[參數(shù)字符串])
參數(shù)說明：
-
URL：可選參數(shù)恒削，在窗口中要顯示網(wǎng)頁的網(wǎng)址或者路徑池颈。
若省略該參，或值為空字符串钓丰，則窗口不顯示任何文檔 - 窗口名稱：可選參數(shù)饶辙，被打開窗口的名稱
1.該名稱由字母、數(shù)字和下劃線字符組成
2._top斑粱、_blank弃揽、_selft具有特殊意義
_top：框架網(wǎng)頁中在上部窗口中顯示目標(biāo)網(wǎng)頁
_blank：在新窗口顯示目標(biāo)網(wǎng)頁
_selft：在當(dāng)前窗口顯示目標(biāo)網(wǎng)頁
3.相同name的窗口只能創(chuàng)建一個，想創(chuàng)建多個窗口則name不同
4.name不能含有空格
- 參數(shù)字符串：可選參數(shù)则北，設(shè)置窗口參數(shù)矿微，各參數(shù)用逗號隔開
例子：
<script type="text/javascript">
window.open('http://www.imooc.com','_blank',
'width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes')
</script>
運行結(jié)果需要考慮瀏覽器的兼容問題
注意：
在open后的括號里所有的參數(shù)都是用單引號 ' '
6.window.close（關(guān)閉窗口）
window.close(); //關(guān)閉本窗口
或
<窗口對象>.close(); //關(guān)閉指定窗口
例子：
<script type="text/javascript">
var mywin=window.open('http://www.baidu.com');
//將打開新的窗口對象，存儲在變量mywin中
mywin.close();
</script>
上述代碼在打開新窗口的同時尚揣，關(guān)閉該窗口涌矢，看不到被打開的窗口
7.實戰(zhàn)
- 新窗口打開時彈出確認(rèn)框，是否打開
**提示: **使用 if 判斷確認(rèn)框是否點擊了確定快骗，如點擊彈出輸入對話框娜庇，否則無操作。 - 通過輸入對話框方篮，確定打開的網(wǎng)址凳怨，默認(rèn)為 http：//www.baidu.com/
- 打開的窗口要求据沈，寬400像素梯嗽，高500像素杯矩，無菜單欄、無工具欄巾表。
本人代碼：
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script type="text/javascript">
var conf = confirm("是否打開新窗口汁掠？");//確認(rèn)是否打開新窗口
if(conf == true){ //對confirm的返回值進(jìn)行判斷，并采取相應(yīng)操作
var nameURL = prompt('Please enter the url:','http://www.imooc.com/');
window.open(nameURL,'_blank','width=400px,height=500px,menubar=no,toolbar=no');
}
</script>
</head>
<body>
<input type="button" value="新窗口打開網(wǎng)站" onclick="openWindow()" />
</body>
</html>
代碼錯誤總結(jié)：
- 關(guān)于編程思想集币，流程問題考阱。本題要求先確認(rèn)，而我的想法是先打開窗口鞠苟。這與編程少有關(guān)乞榨。
- 對于變量的使用秽之。
var conf=confirm("是否打開新窗口？")
這句中變量conf保存的是confirm的返回值姜凄，true或false。
var nameURL = prompt('Please enter the url:','http://www.imooc.com/');
這句中變量nameURL保存的是prompt的返回值趾访，確定按鈕→文本框中的內(nèi)容作為返回值态秧，取消按鈕→null
示例代碼：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>瀏覽器對象</title>
<script type="text/javascript">
function openWindow(){
if(confirm("確定打開新窗口嗎？")){
var url = prompt("請輸入一個網(wǎng)址","http://www.imooc.com/");
window.open( url,"_blank","toolbar=no, menubar=no, scrollbars=yes, width=400, height=400");
}
}
</script>
</head>
<body>
<input type="button" value="新窗口打開網(wǎng)站" onclick="openWindon()" />
</body>
</html>
