標籤:
提問(prompt 訊息對話方塊)
prompt彈出訊息對話方塊,通常用於詢問一些需要與使用者互動的資訊。彈出訊息對話方塊(包含一個確定按鈕、取消按鈕與一個文本輸入框)。
文法:
prompt(str1, str2);
參數說明:
str1: 要顯示在訊息對話方塊中的文本,不可修改str2:文字框中的內容,可以修改
傳回值:
1. 點擊確定按鈕,文字框中的內容將作為函數傳回值2. 點擊取消按鈕,將返回null
看看下面代碼:
var myname=prompt("請輸入你的姓名:");if(myname!=null) { alert("你好"+myname); }else { alert("你好 my friend."); }
結果:
注:在使用者點擊對話方塊的按鈕前,不能進行任何其它操作。
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>prompt</title> <script type="text/javascript"> function rec(){ var score; //score變數,用來儲存使用者輸入的成績值。 score = prompt("你的分數是多少?"); if(score>=90) { document.write("你很棒!"); } else if(score>=75) { document.write("不錯吆!"); } else if(score>=60) { document.write("要加油!"); } else { document.write("要努力了!"); } } </script></head><body> <input name="button" type="button" onClick="rec()" value="點擊我,對成績做評價!" /></body></html>View Code
開啟新視窗(window.open)
open() 方法可以尋找一個已經存在或者建立的瀏覽器視窗。
文法:
window.open([URL], [視窗名稱], [參數字串])
參數說明:
URL:選擇性參數,在視窗中要顯示網頁的網址或路徑。如果省略這個參數,或者它的值是Null 字元串,那麼視窗就不顯示任何文檔。視窗名稱:選擇性參數,被開啟視窗的名稱。 1.該名稱由字母、數字和底線組成。 2."_top"、"_blank"、"_selft"具有特殊意義的名稱。 _blank:在新視窗顯示目標網頁 _self:在當前視窗顯示目標網頁 _top:框架頁中在上部視窗中顯示目標網頁 3.相同 name 的視窗只能建立一個,要想建立多個視窗則 name 不能相同。 4.name 不能包含有空格。參數字串:選擇性參數,設定視窗參數,各參數用逗號隔開。
參數表:
例如:開啟http://www.imooc.com網站,大小為300px * 200px,無菜單,無工具列,無狀態欄,有捲軸視窗:
<script type="text/javascript"> window.open(‘http://www.imooc.com‘,‘_blank‘,‘width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes‘)</script>
注意:
1.參數之間逗號及等號前後有空格,該字串無效,只有刪除空格才能正常運行。
2.運行結果考慮瀏覽器安全色問題。
關閉視窗(window.close)
close()關閉視窗
用法:
window.close(); //關閉本視窗
或
<視窗對象>.close(); //關閉指定的視窗
例如:關閉建立的視窗。
<script type="text/javascript"> var mywin=window.open(‘http://www.imooc.com‘); //將新打的視窗對象,儲存在變數mywin中 mywin.close();</script>
注意:上面代碼在開啟新視窗的同時,關閉該視窗,看不到被開啟的視窗。
JavaScript入門篇 第二天