首頁  >  文章  >  web前端  >  JavaScript中常用的六種互動方法範例_javascript技巧

JavaScript中常用的六種互動方法範例_javascript技巧

WBOY
WBOY原創
2016-05-16 16:09:541580瀏覽

1.confirm訊息對話框

語法:confirm(”str“);

參數說明:str為對話方塊中要顯示的文本,

作用:通常用於提醒使用者做出某些選擇,其傳回值為布林類型,點選確定返回值為ture,點選取消返回值為false

例如:

複製程式碼 程式碼如下:


2.prompt訊息對話框

語法:prompt(”str1“,”str2“);

參數說明:str1為要顯示在對話方塊中的文本,不可修改;str2為文字方塊中的內容,可以修改

作用:彈出對話框,詢問與使用者互動的資訊

例如:

複製程式碼 程式碼如下:

var myname=prompt("請輸入你的姓名:");
if(myname!=null)
  {   alert("你好" myname); }
else
  {  alert("你好 my friend.");  }

3.window.open開啟新視窗

語法:window.open('str1','str2','str3');

參數說明:str1為要開啟視窗的位址;str2為要開啟視窗的名稱;str3為控制視窗的參數

作用:開啟一個新視窗

例如:

複製程式碼 程式碼如下:


4.window.close關閉新視窗

語法:window.close('str');或.close();

參數說明:str為開啟視窗的位址

例如:

複製程式碼 程式碼如下:


5.alert警告

語法:alert(”str“);//注意是雙引號

參數說明:str為對話方塊彈出的內容

 例如:

複製程式碼 程式碼如下:


6.document.write輸出內容

文法:document.write("str")

作用:輸出文字str

例如:

複製程式碼 程式碼如下:

<script type="text/javascript"><br />
  document.write("I love JavaScript!"); //內容用""括起來,""裡的內容直接輸出。 <br />
</script><br>

以上六點,就是本文給大家分享的全部內容了,希望大家能夠喜歡。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn