HTML5JavaScript----1.點選顯示對話方塊2.跳轉到另一個網頁3.記錄歷史

萬里無雲便是我發表於2017-11-11
HTMLJavaScript網頁
/*  *Copyright (c) 2017，煙臺大學計算機學院  All rights reserved.  *檔名稱：關於HTML的練習 *作    者：張晴晴  *完成日期：2017年11月11日  *版 本 號：v1.0  *  *問題描述：HTML5-JavaScript  *輸入描述： 無 *程式輸出： 無 */ 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>1.點選顯示對話方塊2.跳轉到另一個網頁3.記錄歷史</title> <script> function fun(){ location=this.value; } function show(){ alert("hello");//彈出對話方塊，顯示hello } function openwindow(){//彈出新的頁面 window.showModalDialog("2.html","新開啟的視窗","toolbars=0, location=0, statusbars=0, menubars=0,width=700,height=550,scrollbars=1") } function closewindow(){ if(window.confirm("你確定要關閉嗎？")){//彈出對話方塊 window.close(); } } </script> </head> <body> <a href="javascript:history.back()" >返回</a> <a href="javascript:history.forward()">前進</a> <a href="javascript:location.reload()">重新整理</a> <select onchange="fun()"><!--網頁剛載入的時候就執行這個函式--> <option selected="selected">選項</option><!--預設選項--> <option value="http://www.hnxkyy.com.cn">wai</option> <option value="http://www.baidu.com.cn">百度</option> <option value="http://www.163.com.cn">網易</option> <option value="1.html">我自己的</option> </select> <br> <input type="button" value="點選顯示對話方塊" onClick="show()" /><!--點選觸發事件--> <br> <input type="button" value="開啟另一個網頁" onclick="openwindow()"/> <input type="button" value="關閉網頁" onclick="closewindow()" /> </body> </html>

執行結果：




相關文章