JavaScript的驅動方式分為1.載入時執行。2.事件驅動,而所謂事件驅動乃是使用者點選連結或者滑鼠驅動事件(滑過等等)。

為了方便與使用者互動,通常採用對話視窗,以下為JavaScript的內建對話視窗及範例程式片段:

 

1.警告視窗

<A href="javascript:alert('視窗跳出的內容')">觸發連結的文字</A>

(HREF = Hyper Reference)

 

2.確認視窗

<script>

function mylink(){

  answer = confirm("跳出視窗的內容");

  if(answer)

    location.href="www.yahoo.com.tw"

<!--這裡的網頁就是你要連結的網頁-->

}

</script>

<A href="javascript:mylink()">觸發連結的文字</A>

<!--也有不同的方法呼叫,下面另外補充-->

 

3.提示視窗

 

<script>

function mylink(){

  course = prompt("請輸入你要的內容");

<!--然後course就是你要的回傳值了-->

}

</script>

<A href="javascript:mylink()">觸發連結的文字</A>

 

以上三種就是JS內建的對話視窗,介紹到此,有問題請留言。

 

補充-不同的呼叫方法 for confirm:

方法二:把程式碼內建在連結內

<a href="javascript:if(confirm('這是方法二')) location.href='www.yahoo.com.tw'">觸發連結的文字</a>

 

方法三:利用onClick方法

<a href="www.yahoo.com.tw" onClick="return(confirm('這是方法三'))">觸發連結的文字</a>

 

懶人筆記,沒有實際操作圖XD

arrow
arrow
    全站熱搜

    Vincent 發表在 痞客邦 留言(0) 人氣()