JavaScript 的DOM操作

HTML DOM （文档对象模型）

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 模型被构造为对象的树。

Windows 对象操作

window.open() - 打开新窗口
window.close() - 关闭当前窗口

1.Windows.open("第一部分","第二部分","第三部分","第四部分")

第一部分：写页面地址 url

第二部分：_blank 打开方式，在新窗口（_blank ）还是在自身窗口

第三部分：features 控制打开窗口的格式，可以写多个，用空格隔开：

width=100 height=100 高和宽

left=0 top=0 左边距和上边距

scrollbars=yes 出现滚动条

resizable=no/yes 窗口能否调整大小

menubar=yes 有菜单栏

status=no 无状态栏

location=yes 有地址栏

2.Windows.close():关闭当前窗口

实例：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
var newWin=new Array();
var i=0;
function newOpen()
{newWin[i]=window.open("http://www.baidu.com","_blank","width=200 height=200 scrollbars=yes menubar=yes status=yes resizable=yes location=yes");i++;
}
function closeWin()
{for(var j=0;j<i;j++){newWin[j].close();}
}
</script>
</head><body>
<form action="" method="get">
<input type="button" value="打开一个新窗口" οnclick="newOpen()" />
<input type="button" value="关闭新窗口" οnclick="closeWin()" />
</form>
</body>

转载于:https://www.cnblogs.com/viven/p/4243696.html

JavaScript 的DOM操作相关推荐

JavaScript中DOM操作
Web前端基础修炼 HTML基本标签详解与运行截图 CSS基本操作详解及截图演示 JavaScript基础(ECMAScript) JavaScript中DOM操作 JavaScript中BOM操作 ...
【JavaScript】DOM 操作元素样式和元素类名
文章目录 [JavaScript]DOM 操作元素样式和元素类名一. 操作元素样式 (1)操作行内元素 1. 获取元素的样式 2. 设置元素的样式 (2) 操作非行内元素和行内元素 1. 获取元素的 ...
第一百一十六节，JavaScript，DOM操作样式
JavaScript,DOM操作样式一．操作样式 CSS作为(X)HTML的辅助,可以增强页面的显示效果.但不是每个浏览器都能支持最新的CSS能力.CSS的能力和DOM级别密切相关,所以我们有必要检 ...
Javascript核心DOM操作学习笔记
DOM .BOM Day01 DOM 1.web APIs和JS基础关联性 1.1 JS的组成 1.2 JS基础阶段以及Web APIs阶段 2.API和Web APIs 2.1 API 2.2 We ...
加速Javascript：DOM操作优化
原文:<Speeding up JavaScript: Working with the DOM> 作者: KeeKim Heng, Google Web Developer 在我们开发互 ...
03.JavaScript对DOM操作
JavaScript引入方式外部引入在head或者body中,添加以下代码 <script type="text/javascript" src="js/dem ...
（转）Javascript的DOM操作 - 性能优化
转载:https://my.oschina.net/blogshi/blog/198910 摘要: 想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维 ...
JavaScript的DOM操作
什么是DOM? DOM(Document Object Model)文档对象模型是指页面中的文档比如(HTML .XML等)它是一个树状结构其中包含着许多节点,二节点又分为一下几种: 元素节点文本节 ...
JavaScript基础DOM操作--在线英文发音
一.案例需求在线英文发音–点击英语单词完成在线英文发音二.涉及的知识点 DOM事件,本案例主要用的是点击事件 DOM节点操作运用,节点查找操作,节点属性操作利用document.getEleme ...

JavaScript 的DOM操作

HTML DOM （文档对象模型）

JavaScript 的DOM操作相关推荐

最新文章

热门文章