`

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>

 

分享到:
评论

相关推荐

    JavaScript中Dom操作实例详解.docx

    JavaScript中Dom操作实例详解.docx

    Javascript--DOM.rar_javascript

    js-dom详解:javascript操作dom的介绍文档。

    javascript dom 操作详解 js加强

    javascript dom 操作详解 js加强操作实现代码。

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

    下面小编就为大家带来一篇实现JavaScript的组成----BOM和DOM详解。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧

    【JavaScript源代码】JavaScript中BOM和DOM详解.docx

    JavaScript中BOM和DOM详解  目录 BOM(浏览器对象模型) 1. window 获取浏览器c窗口尺寸 2. screen 获取电脑屏幕大小 3. window 开启关闭窗口 4. 浏览器事件 5. location 6. history 7. navigator 获取浏览器相关...

    JavaScript中DOM详解.docx

    JavaScript中DOM详解.docx

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

    主要介绍了JavaScript DOM元素常见操作,包括针对dom元素的添加、删除、修改等相关操作实现技巧与注意事项,需要的朋友可以参考下

    【JavaScript源代码】react中的虚拟dom和diff算法详解.docx

     比如我们创建一个div,我们可以在控制台查看一下这个div上自带或者继承了很多属性,尤其是我们使用js操作DOM的时候,我们的DOM本身就很复杂,js的操作也会占用很多时间,但是我们控制不了DOM元素本身,因此虚拟DOM...

    【JavaScript源代码】Vue源码分析之虚拟DOM详解.docx

    例如,若一次操作中有10次更新DOM的动作,虚拟DOM不会立即操作DOM,而是将这10次更新的diff内容保存到本地一个JS对象中,最终将这个JS对象一次性attch到DOM树上,再进行后续操作,避免大量无谓的计算量。简单来说,...

    js获取HTML DOM节点详解

    在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、...令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过):

    js-screen-shot:web端自定义截屏插件(原生JS版)

    js-web-screen-shot · web端自定义截屏插件(原生JS版),运行视频: ,效果图如下:插件安装yarn add js-web-screen-shot# ornpm install js-web-screen-shot --save插件使用由于插件采用原生js编写且不依赖任何第三...

    JavaScript Dom 绑定事件操作实例详解

    本文实例讲述了JavaScript Dom 绑定事件操作JavaScript Dom 绑定事件操作。分享给大家供大家参考,具体如下: JavaScript Dom 绑定事件 // 先获取Dom对象,然后进行绑定 document.getElementById('xx').onclick ...

    DOM编程详解(含HTML部分)

    DOM编程详解(含HTML部分)DOM是Document Object ...简单理解,DOM解决了Netscape的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

    js DOM的事件常见操作实例详解

    主要介绍了js DOM的事件常见操作,结合实例形式详细分析了JavaScript DOM事件概念、原理及DOM操作常见实现技巧与使用注意事项,需要的朋友可以参考下

    详解JavaScript操作HTML DOM的基本方式

    主要介绍了详解JavaScript操作HTML DOM的基本方式,HTML DOM是专门适用于HTML/XHTML的文档对象模型,需要的朋友可以参考下

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

    主要介绍了JavaScript 实现HTML DOM增删改查操作,结合实例形式分析了JavaScript针对HTML DOM元素增删改查常见操作技巧与使用注意事项,需要的朋友可以参考下

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

    我们知道,一个完整的JavaScript的实现,需要由三部分组成:ECMAScript(核心),BOM(浏览器对象模型),DOM(文档对象模型)。 今天主要学习BOM和DOM。 BOM: BOM提供了很多对象,用来访问浏览器的功能,这些功能于网页...

    《JavaScript+DHTML语法与范例详解词典》源码

    如何通过JavaScript DOM对象来动态地操作整个HTML文档,对HTML元素进行添加、移动、修改或删除;XMLDOM的相关知识,以及如何通过JavaScript XML DOM对象来读取XML文件的数据,并添加、修改、删除XML文件元素。同时,...

    javascript中的DOM详解

    text javascript&quot;&gt; 创建一个新节点 var a document createElement &quot;div&quot; ; 使用警告对话框输出节点 alert a ; &lt; script&gt; 错误的节点 &lt;script type &quot;text javascript&quot;&...

Global site tag (gtag.js) - Google Analytics