`
白粥若水
  • 浏览: 103911 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

《JavaScript Bible》_创建新窗口和对话框

 
阅读更多

这篇日志都是一些JavaScript的基础，熟悉JavaScript的请出门左转。

 

 

一、创建新窗口

创建新窗口的应用一般在：创建一个新的窗口显示网页。其格式是：window.open(URL,TargetName, sizeInfo);

 

例子：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试创建新的窗口</title>


</head>
<body>
	<script type="text/javascript">
		var newWindow ;  <!--以全局变量的形式给出窗口对象，在以下的所有方法中均能使用-->
		
		function createWindow(){
			<!--Script1.html是另一个相对的文档地址 -->
			newWindow = window.open("Script1.html", "", "height = 800 ,width=600");
		}
	
		
		function closeWindow(){
			if(null != newWindow){
				newWindow.close();
				newWindow = null;
			}
		}
		
		function Redirect(){
			if(null != newWindow){
				newWindow.location.href = "ScriptLoadTime.html";
			}
		}
	</script>
<h1>测试创建新的窗口  </h1>
	<form >
		<input type="button" value="Create new Window" onclick="createWindow()">
		<input type="button" value="Close new Window" onclick="closeWindow()">
		<input type="button" value="Redir current Window" onclick="Redirect()">
	</form>

</body>
</html>

 

 

 

很简单不是么。还有一点，通过获取子窗口的引用（在上面的例子中就是newWindow对象），便可以管理和控制子窗口。

 

二、创建对话框

在JavaScript 中，一般有3种对话框：警告框、确认框、提示框。

 

以下是示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>测试创建对话框和重定向</title>
</head>
<body>
	<script type="text/javascript">
	
		function createAlertDialog(){
			window.alert("您创建了一个警告对话框！！按钮OK关闭对话框!!");
		}
		
		function createConfirmDialog(){
			var b = window.confirm("您创建了一个确认对话框！！按钮OK将返回一个true，而cancel按钮将返回一个false");
			document.getElementById("showPlace").innerHTML = "您执行了createConfirmDialog操作，其输出结果是："+b;
		}
		
		
		function createPromptDialog(){
			var b = window.prompt("请输入您的名字：","默认值：汤立");
			document.getElementById("showPlace").innerHTML = "您执行了createPromptDialog操作，您输入的内容是："+b;
		}
		
		
		
		function testRedir(){
			var b = window.prompt("请输要转的网站：","Script1.html");
			self.location.href = b;
		}
	
	</script>
	<h1>测试创建对话框  </h1>
	
	<div id="showPlace"> </div>
	
	<form >
		<input type="button" value="createAlertDialog" onclick="createAlertDialog()">
		<input type="button" value="createConfirmDialog" onclick="createConfirmDialog()">
		<input type="button" value="createPromptDialog" onclick="createPromptDialog()">
	</form>
	
	<h1>测试重定向功能  </h1>
	<form >
		<input type="button" value="Redir至某网站" onclick="testRedir()">
	</form>
</body>
</html>
 

也是很简单的。

 

alert()方法无返回值

 

confirm()方法返回一个布尔值，false或true

 

prompt()方法返回一个String对象，当按cancle或X时，返回null

 

只是我在练习这里的时候还有一个问题。通过对location.href 属性赋值，也只能重定向到本地文档（即当前文档的同目录下或者同父目录下），我还是不知道怎么重定向至像www.google.com这样的外部URL地址。

 

吐槽：这篇日志的含金量真心低啊

 

 

 

2
顶
0
踩
分享到：
| 《Google三大论文》_The Google File Syste ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics