`

关于JS的窗口

    博客分类：
  • JS
htmlJS 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>WindowOpen.html</title>
		<script type="text/javascript">
		var childWin;
		function openWin(){
			childWin = window.open("page.html","child","width=500,height=200,toolbar=0,status=1,menubar=0,scrollbars=0,resizable=1");
			document.getElementById("bu1").setAttribute("style","visibility: visible");
		}
		function readText(){
			alert(childWin.document.getElementById("childDiv").innerHTML);
		}
		function closeWin(){
			childWin.close();
		}
		</script>
	</head>

	<body onunload="closeWin()">
		<div id="fatherDiv">父类窗口</div>
		<input type="button" onclick="openWin()" value="打开新窗口"><br/>
		<input type="button" id="bu1" onclick="readText()" value="读取子窗口的内容" style="visibility: hidden"/> 
		<input type="button" onclick="closeWin()" value="关闭所有窗口"/>
		<br>
	</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>page.html</title>
	<script type="text/javascript">
		function readFatherText(){
			alert(self.opener.document.getElementById("fatherDiv").innerHTML);
		}	
	</script>
  </head>
  
  <body>
  	<div id="childDiv">新开窗口</div>
  	<button onclick="readFatherText()">读取父类窗口的内容</button>
  	<input type="button" value="读取父类窗口的内容" onclick="readFatherText()">
  </body>
</html>


window.open()方法详解:
  • 大小: 116.1 KB
  • 大小: 73.7 KB
分享到：
| oracle相关
评论
发表评论

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

相关推荐

    js(javascript)子窗口和父窗口交互

    ### JavaScript 子窗口与父窗口交互详解 在前端开发中，常常会遇到需要在一个窗口（通常称为父窗口）中打开另一个窗口（子窗口）的情况。这时，如何实现这两个窗口之间的数据交互便成了一个重要的问题。根据题目...

    js窗口特效大全

    以上只是JavaScript窗口特效的一部分，实际应用中还有更多创新和复杂的效果。"js窗口特效广告大全"可能包含这些示例的集合，帮助开发者学习和实现各种吸引人的窗口效果。通过不断实践和学习，可以进一步提升网页的...

    模拟窗口 js javascript

    在JavaScript的世界里，模拟窗口（mock window）是一种常见的测试策略，尤其在开发Web应用程序时，用于创建隔离的测试环境。JavaScript作为一个客户端脚本语言，它的运行环境通常与浏览器的window对象紧密相连，这个...

    JS 切换多窗口

    **JS 切换多窗口详解** 在Web开发中，JavaScript是一种强大的客户端脚本语言，它允许我们实现丰富的交互性。本文将深入探讨如何利用JavaScript来切换多个窗口，以提升用户体验和网页功能。我们将通过一个简单的示例...

    javascript 父窗口、子窗口传值问题

    在JavaScript编程中，父窗口与子窗口之间的通信是一种常见的需求，特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先，我们需要理解“父窗口”和...

    JS窗口的世界.zip

    "JS窗口的世界.zip"这个压缩包可能包含了一个关于JavaScript窗口对象及其相关特性的教程或者示例。下面将详细讨论JavaScript中的窗口对象及其重要属性和方法。 首先，窗口对象（Window）是JavaScript全局对象，这...

    js中用open方式打开新窗口向父窗口传值

    JS中用open方式打开新窗口向父窗口传值 在JavaScript中，使用`window.open()`方法可以打开一个新的浏览器窗口，这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先，让我们回顾一下`...

    JavaScript\JS\窗口类\牛B 用层模拟可移动的小窗口

    根据给定的文件信息，我们可以深入探讨如何使用HTML、CSS和JavaScript来创建一个可移动的窗口，这在网页设计和用户界面开发中是一项实用的技术。本文将详细解析代码中的关键概念，包括事件处理、样式控制以及DOM操作...

    JS 调用保存窗口和打开窗口

    在JavaScript（JS）中，调用保存窗口和打开窗口是两个常见的操作，它们通常用于处理用户交互和数据管理。在Web应用中，这些功能能够增强用户体验，比如让用户下载文件、预览内容或打开新页面。下面我们将详细探讨这...

    js窗口拖动效果

    在JavaScript编程中，实现窗口拖动效果是一项常见的需求，尤其在...以上就是实现“js窗口拖动效果”的主要技术点和注意事项。在实际项目中，根据具体需求，可能还需要考虑更多的细节，如防抖动处理、触摸设备的支持等。

    js模拟QQ窗口振动

    在JavaScript的世界里，模拟QQ窗口振动是一个有趣且实用的技术应用，尤其对于开发具有通知功能的网页应用时。QQ窗口振动效果是当用户收到新消息时，QQ客户端会呈现出的一种吸引用户注意力的方式。在Web端，我们可以...

    JS固定窗口位置滚动效果.rar

    总的来说，这个压缩包提供了一个关于JavaScript实现固定窗口位置滚动效果的实例，对于学习和理解JavaScript动态效果的创建具有实际意义。开发者可以通过查看和分析这些文件，了解和掌握这一常见且实用的网页开发技巧...

    JavaScript弹出新窗口并控制窗口移动到指定位置的方法

    JavaScript弹出新窗口并控制窗口移动到指定位置的方法知识点： 1. window.open()函数的使用：window.open()是JavaScript的一个内置函数，用于打开一个新的浏览器窗口或标签页。该函数一般包含三个参数：要加载的URL...

    JS弹出窗口大全

    JavaScript（简称JS）是一种轻量级的脚本语言，广泛应用于网页和网络应用开发，包括交互式用户界面、动态内容以及Ajax（异步JavaScript和XML）技术。在JS中，弹出窗口是实现用户交互的重要手段，它们可以是警告、...

    js 控制父子窗口 转向

    标题"js 控制父子窗口 转向"所涉及的知识点主要集中在如何使用JavaScript来实现子窗口对父窗口的控制，以及父窗口对子窗口的导航操作。下面将详细阐述这些知识点。 首先，我们需要理解浏览器窗口的概念。在...

    JS遮罩窗口[原创]

    在JavaScript编程中，"JS遮罩窗口"是一个常见的功能，用于在网页上创建一个半透明的覆盖层，通常用于显示弹出式对话框、加载提示或者阻塞用户交互直到特定操作完成。这种技术增强了用户体验，因为遮罩可以使得背景...

    即时JS飘动窗口

    即时JS飘动窗口是一种网页交互效果，主要用于模拟QQ等即时通讯软件中的聊天窗口弹出和飘动的行为。这种效果能够吸引用户的注意力，并提供一种动态、友好的用户界面体验。通过JavaScript实现，它允许开发者在网页中...

    js打开新窗口，js打开居中窗口，js打开自定义窗口

    在JavaScript中，打开新的窗口是常见的操作，常用于创建弹出窗口、链接跳转或显示特定内容。本文将深入探讨如何使用JavaScript打开新窗口，并实现窗口居中和自定义窗口属性。 首先，我们来了解基本的`window.open()...

    javascript 实现弹出小窗口

    ### JavaScript 实现弹出小窗口知识点详解 #### 标题：JavaScript 实现弹出小窗口 - **核心概念**：本篇文章主要介绍了如何利用 JavaScript 的 `window.open()` 方法来实现弹出新窗口的功能。 #### 描述：...

    经典的js消息提示窗口

    标题中的“经典的js消息提示窗口”指的是一个集成了多种皮肤和易用功能的JavaScript库或组件，用于创建样式丰富、功能多样的消息对话框。 在描述中提到的“很多的皮肤”意味着这个js消息提示窗口库提供了多种视觉...

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