HTML5JavaScript----1.点击显示对话框2.跳转到另一个网页3.记录历史

来源：互联网发布：win10网络图标红叉编辑：程序博客网时间：2024/06/16 10:59

/* *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>

运行结果：

阅读全文

0 0