JavaScript入門篇 第二天

來源:互聯網
上載者:User

標籤:

提問(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入門篇 第二天

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.