1. 程式人生 > >js——window.open用法

js——window.open用法

idt 返回 input blank mage ont doctype cti tro

今天在慕課網上接觸了下javaScript的基礎。以下是結合運用了confirm(),prompt(),open()的小例子。

1. confirm(message);

參數說明:

  message:在消息對話框中要顯示的文本
  返回值: Boolean值

返回值:

  當用戶點擊"確定"按鈕時,返回true
  當用戶點擊"取消"按鈕時,返回false

2. prompt(text,defaultText);

參數說明:

  text: 要顯示在消息對話框中的文本,不可修改 
  defaultText:文本框中的內容,可以修改

返回值:

  1. 點擊確定按鈕,文本框中的內容將作為函數返回值
  2. 點擊取消按鈕,將返回null

3.window.open([URL], [窗口名稱], [參數字符串])

技術分享

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <title>window.open</title>
 6     <script type="text/javascript">
 7       function Wopen(){
8 var whetherOpen = confirm("要不要去新世界?"); 9 if (whetherOpen == true) { 10 var url = prompt("輸入您想去嘿嘿的網址"); //文本框中輸入的內容返回存放在url中 11 window.open(url,‘_blank‘,‘width=600,height=400,top=100,left=0‘); //將url傳入,選擇新建窗口打開 12 }else{ 13 alert("不想去那你瞎點什麽,滾!");
14 } 15 } 16 </script> 17 </head> 18 <body> 19 <input name="button" type="button" onClick="Wopen()" value="別說話,先點我!" / > 20 </body> 21 </html>

註意:網址都要以http://開始

技術分享

技術分享

js——window.open用法