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

最新推荐文章于 2020-03-25 18:02:17 发布

早日退休过上不劳而获生活

最新推荐文章于 2020-03-25 18:02:17 发布

阅读量1.6k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_34216631/article/details/78505664

版权

HTML 专栏收录该内容

37 篇文章 3 订阅

订阅专栏


  
  
  
  
   
   
/* 
*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 οnchange="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="打开另一个网页" οnclick="openwindow()"/>
<input type="button" value="关闭网页" οnclick="closewindow()" />


</body>
</html>

运行结果：