`

js的dom操作1--js详解(九)

    博客分类:
  • js
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>js01_hello</title>
	<meta name="author" content="Administrator" />
	<script type="text/javascript">
	function bless() {
		//获取输入的祝福语
		var mb = document.getElementById("mb").value;
		//获取父类窗口
		var p = window.opener;
		//获取父类窗口中的id为bless的div
		var pd = p.document.getElementById("bless");
		//设置pd的值
		pd.innerHTML = mb;
		//关闭当前窗口
		window.close();
	}
	</script>
</head>
<body>
	输入祝福语:<input type="text" size="40" id="mb"/><input type="button" onclick="bless()" value="输入" />
</body>
</html>

 

分享到:
评论

相关推荐

    dom-to-pdf:为HTML DOM元素提供优化的PDF输出

    3. **jQuery**:jQuery是一个广泛使用的JavaScript库,简化了DOM操作和事件处理。DOM-to-PDF可能利用jQuery来更方便地处理HTML元素和用户交互。 4. **局限性:** 当从HTML画布生成图像时,由于浏览器的限制,图像的...

    JavaScript中Dom操作实例详解.docx

    JavaScript 中 Dom 操作实例详解 在 JavaScript 中,DOM 操作是指对 HTML 文档中的元素节点进行操作,包括增加、删除、修改和查找节点等。以下是 JavaScript 中 DOM 操作的实例详解。 一、增加节点 增加节点的...

    JavaScriptDOM编程艺术(第2版)PDF版本下载.txt

    尽管实际书籍内容并未给出,但从标题、描述及部分链接信息来看,这本书主要涉及JavaScript及其与DOM操作相关的高级编程技巧。下面将基于这些信息,尽可能地扩展和阐述相关知识点。 ### 一、JavaScript简介 ...

    javascript dom 操作详解 js加强

    JavaScript DOM操作详解涉及JavaScript对文档对象模型(Document Object Model,简称DOM)的操作,这是前端开发中不可或缺的一部分,用于动态地读取、修改和添加页面元素。以下详细解读了文档中提及的关键知识点: ...

    Dom_Modulation-in-js

    **JavaScript DOM 操作详解** 在 Web 开发中,JavaScript(JS)是一种不可或缺的脚本语言,它主要用于控制网页的动态行为。DOM(Document Object Model)是 HTML 和 XML 文档的标准表示,它允许开发者通过编程方式...

    js dom对象的操作

    ### JavaScript DOM对象操作详解 #### 一、DOM基础概述 DOM(Document Object Model)即文档对象模型,是一种标准,被广泛用于定义结构化的文档(如HTML和XML)并允许程序和脚本动态地访问和更新文档的内容、结构...

    JS DOM操作方法

    ### JavaScript DOM操作方法详解 #### 一、概述 在JavaScript中,DOM(Document Object Model)是一种处理HTML或XML文档的标准编程接口。通过DOM,开发者能够动态地访问文档中的元素,并可以修改其结构、样式和...

    JavaScript_DOM_编程艺术读书笔记

    DOM可以视为一种API,允许开发者通过JavaScript操作网页结构。 #### 二、JavaScript语法详解 - **嵌入JavaScript代码的方式**: - 将JavaScript代码直接嵌入到HTML文档的`&lt;head&gt;`部分,使用`&lt;script&gt;`标签。 - ...

    最好的javascript学习教程-JavaScript使用详解

    JavaScript,简称JS,是一种广泛应用于Web开发的轻量级、解释型编程语言,以其灵活性和交互性在网页设计中占据核心地位。本教程将深入探讨JavaScript的各个方面,旨在为初学者提供一个全面的学习路径,同时也适合有...

    jquery-3.1.1.js和jquery-3.1.1.min.js

    《jQuery 3.1.1版本详解:从js到min.js》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。本篇文章将深入探讨jQuery 3.1.1版本的两个核心文件...

    js获取HTML DOM节点详解

    ### JavaScript 获取 HTML DOM 节点详解 在 Web 应用程序尤其是 Web 2.0 程序的开发过程中,频繁地需要获取页面中的某个元素,并对其样式、内容等进行更新。如何有效地获取需要更新的元素是实现这些功能的前提。...

    jquery.jqprint-0.3.js

    《jQuery.jqprint-0.3.js:JS打印插件详解及应用》 在Web开发中,有时我们需要为用户提供打印功能,以便他们可以将网页内容输出到纸上保存或分享。JavaScript(JS)作为浏览器端的主要脚本语言,提供了实现这一功能...

    js事件详解-0-1-2级模型.pdf

    标题提到的“js事件详解-0-1-2级模型”涉及到了JavaScript中事件的分层模型。JavaScript事件模型是前端开发中处理用户交互的核心机制之一,主要包括了事件捕获、目标阶段和事件冒泡三个阶段,这个模型被广泛地理解为...

    JavaScript DOM元素常见操作详解【添加、删除、修改等】

    DOM(文档对象模型)是JavaScript操作网页的基石。它是一种通过脚本访问和更新文档(如HTML和XML)内容的API。DOM将文档结构视为一棵节点树,包括各种节点类型:元素节点、属性节点和文本节点。 元素节点代表文档中...

    JavaScript 实现HTML DOM增删改查操作的常见方法详解

    JavaScript实现HTML DOM增删改查操作的常见方法详解主要介绍了如何使用JavaScript对HTML文档对象模型(DOM)进行元素的查找、增加、删除和修改操作。这些操作是Web开发中非常基础且常用的功能,能够对网页元素进行...

    javascriptDOM详解

    JavaScript DOM详解 JavaScript DOM(Document Object Model)是用于处理HTML和XML文档的一种标准编程接口。它将网页内容结构化为一个树形结构,允许我们通过JavaScript来操纵网页元素,实现动态网页效果。在这个...

    DOM-and-How-Javascript-works

    **DOM(文档对象模型)与JavaScript工作原理详解** 在Web开发中,DOM(Document Object Model)和JavaScript扮演着至关重要的角色。DOM是HTML和XML文档的结构化表示,它允许程序和脚本动态地访问和更新页面内容。而...

    jquery-3.1.1.js 、jquery-3.1.1.min.js 【jquery包 js】

    在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。这里我们主要关注的是jQuery 3.1.1版本,包括其常规版本与压缩版的特性及其在实际应用中的...

    实现JavaScript的组成----BOM和DOM详解

    标题所涉及的知识点是JavaScript的组成,具体指出了BOM(浏览器对象模型)和DOM(文档对象模型)。这两个模型是实现JavaScript功能的重要组成部分,而ECMAScript则是JavaScript的核心规范。 BOM主要涉及window对象...

    前端开源库-img-diff-js

    **img-diff-js开源库详解** 在前端开发中,我们经常需要进行图像处理或比较,例如测试自动化中的视觉回归测试,或者用户界面的差异展示。`img-diff-js`就是一个专为这种需求设计的JavaScript库,它使得在浏览器环境...

Global site tag (gtag.js) - Google Analytics