`
喜马拉雅上的小草
  • 浏览: 50901 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML DOM open() 方法

 
阅读更多

HTML DOM open() 方法

定义和用法

open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

语法

window.open(URL,name,features,replace)
参数 描述
URL 一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
name 一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。
features 一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。
replace

一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:

  • true - URL 替换浏览历史中的当前条目。
  • false - URL 在浏览历史中创建新的条目。

提示和注释

重要事项:请不要混淆方法 Window.open() 与方法 Document.open(),这两者的功能完全不同。为了使您的代码清楚明白,请使用 Window.open(),而不要使用 open()。

实例 1

下面的例子讲在新浏览器窗口中打开 www.w3school.com.cn :

<html>
<head>
<script type="text/javascript">
function open_win() 
{
window.open("http://www.w3school.com.cn")
}
</script>
</head>
<body>

<input type=button value="Open Window" onclick="open_win()" />

</body>
</html>

实例 2

下面的例子讲在新浏览器窗口中打开 about:blank 页:

<html>
<body>

<script type="text/javascript">
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
</script>

</body>
</html>

窗口特征(Window Features)

channelmode=yes|no|1|0 是否使用剧院模式显示窗口。默认为 no。
directories=yes|no|1|0 是否添加目录按钮。默认为 yes。
fullscreen=yes|no|1|0 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。
height=pixels 窗口文档显示区的高度。以像素计。
left=pixels 窗口的 x 坐标。以像素计。
location=yes|no|1|0 是否显示地址字段。默认是 yes。
menubar=yes|no|1|0 是否显示菜单栏。默认是 yes。
resizable=yes|no|1|0 窗口是否可调节尺寸。默认是 yes。
scrollbars=yes|no|1|0 是否显示滚动条。默认是 yes。
status=yes|no|1|0 是否添加状态栏。默认是 yes。
titlebar=yes|no|1|0 是否显示标题栏。默认是 yes。
toolbar=yes|no|1|0 是否显示浏览器的工具栏。默认是 yes。
top=pixels 窗口的 y 坐标。
width=pixels 窗口的文档显示区的宽度。以像素计。
分享到:
评论

相关推荐

    html dom 底层 javascript

    其主要属性和方法包括`documentElement`, `body`, `head`, `write()`, `open()`, `close()`等。 #### DOM 事件引用 DOMEvent接口定义了事件处理机制,包括事件类型、事件属性和事件传播模型。这使得开发者可以创建...

    报表软件如何引用HTML DOM的windows对象进行开发

    HTML DOM(文档对象模型)是W3C组织定义的一套标准,用来表示和交互HTML文档的编程接口。通过这套API,开发者可以操作文档中的任何元素,包括修改内容、样式和结构等。在报表软件开发过程中,尤其是使用JavaScript进行...

    DOM - 学习笔记

    Window对象是DOM中的一个重要组成部分,它提供了很多方法和属性,如`alert()`用于弹出对话框,`open()`用于打开新的窗口,`location`用于获取或改变页面URL,`history`用于管理浏览历史,`screen`提供了关于用户屏幕...

    基于DOM的Web信息自动抽取

    一旦获取到HTML源代码,就可以利用`CreateObject`函数实例化DOM解析器,如`Msxml2.DOMDocument`,然后调用其`load`或`loadHTML`方法加载HTML字符串,建立DOM树。 例如,以下是一个简单的VB代码示例,展示如何使用...

    Delphi通过MSHTML实现一个HTML解析类

    3. **加载HTML文档**:使用`IHTMLDocument2`接口的`Open`或`write`方法加载HTML字符串或从文件读取HTML内容。`Open`方法可以打开一个URL,而`write`方法则用于写入HTML文本。 4. **解析DOM树**:解析后的HTML文档会...

    DOM对象的深入学习

    首先,DOM是W3C组织制定的标准,它将网页内容抽象为一系列相互关联的对象,每个对象都有自己的属性和方法。DOM对象分为不同的层次,包括Document对象、Element对象、Attribute对象和TextNode对象等。 1. **Document...

    DOM对象DOM对象DOM对象.doc

    table对象是HTML表格元素的DOM表示,它有一些属性和方法用于操作表格: - `align`、`background`、`bgColor`、`border`、`borderColor`:设置或获取表格的布局和样式属性。 - `offsetHeight`、`offsetLeft`、`...

    页面间DOM相互访问

    - 母窗口访问打开窗口的DOM,可以使用`open`方法返回的`window`对象。在C.html中访问D.html的DOM: ```javascript var dWd = window.open('D.html'); var dDocument = dWd.document; ``` - 打开窗口访问母窗口...

    domparser.rar

    而DOM(文档对象模型)是处理XML和HTML文档的一种标准方法,它将整个文档表示为一个树形结构,使得我们可以方便地访问和操作文档的任意部分。本教程主要关注如何在Qt 4框架中使用DOM解析器来读取XML文件。 Qt是一个...

    javascript中的BOM与DOM、JS核心.pdf

    DOM是标准的,由W3C制定,目前最高的级别是Level 3,尽管Level 3还没有彻底完成,目前主流的浏览器都可以支持到Level 2,对HTML,也就是HTML4.x,目前最高的是4.01,后来W3C向把HTML统一向XML靠拢,于是就有了XHTML...

    dom.pdf

    DOM是现代Web开发的基础之一,它通过一系列标准化的方法、属性和事件,使开发者能够轻松地操作网页内容。通过深入理解DOM的工作原理及其提供的对象和属性,开发者可以更好地利用JavaScript等脚本来增强网页的互动性...

    第 5 章 BOM 和DOM.pptx

    * open(URL、windowName、parameterList):open 方法创建一个新的浏览器窗口,并在新窗口中载入一个指定的 URL 地址。 * close():关闭一个浏览器窗口。 * focus()、blur():让窗口获得焦点、失去焦点。 * print()...

    layer.open 获取不到表单信息的解决方法

    3. 确保layer.open方法的其他参数如type、title、area等已经正确设置。 4. 如果使用了回调函数,比如success函数,要确保在回调函数中正确处理逻辑。 通过上述方法,可以有效解决layer.open获取不到表单信息的问题...

    Dom 4j 格式化xml补充

    可以看出,`write(String text)` 方法并未按照期望的方式格式化 XML,并且还对特殊字符进行了 HTML 转义。 #### 总结 通过上述介绍,我们可以清楚地了解到 Dom 4j 如何帮助我们格式化 XML 输出并设置输出字符集。...

    nextjs中实现openAI中文本补全功能,以流的形式输出

    每次从流中获取一个字符或单词,然后更新DOM,显示已生成的文本。为了增加视觉效果,还可以添加字符间延迟、回车、删除等动画。 7. **安全与优化**:在实际应用中,需要注意API调用的频率限制和成本控制,可能需要...

    javascript中的BOM与DOM、JS核心[收集].pdf

    在实际使用JavaScript时,了解BOM和DOM的基本结构和方法是至关重要的。例如,`window.open()`用于打开新窗口,`window.alert()`用于显示警告对话框,`document.getElementById()`用于查找ID匹配的元素,`document....

    DOM操作XML文档向表格添加数据.rar

    在IT领域,DOM(Document Object Model)是一种标准的表示XML和HTML文档的树形结构,它允许程序和脚本动态更新、添加、删除以及修改文档的内容和结构。本主题聚焦于如何利用DOM操作XML文档并将数据插入到HTML表格中...

    window.open父子窗口传值问题

    如果两个窗口属于不同的源(域名、协议或端口),则存在同源策略限制,这会阻止它们直接访问对方的DOM或JavaScript变量。 要解决父子窗口间的传值问题,有以下几种方法: 1. **使用URL参数**:在`window.open`的`...

    Javascript-DOM编程艺术研究.docx

    2. **DOM方法**: - **getElementById()**: 这个方法通过指定的ID值找到唯一的元素节点,是定位元素的常用方法。 - **getElementsByTagName()**: 返回一个包含所有指定标签名的元素的NodeList集合,可以用于选取一...

    Javascript_DOM编程艺术研究.doc

    3. 宿主对象:由浏览器提供的,比如window对象,它对应浏览器窗口,包含了BOM(浏览器对象模型)的方法,如`window.open()`和`window.blur()`。 "M"代表"模型",也可以理解为"地图"。DOM模型提供了对网页内容的抽象...

Global site tag (gtag.js) - Google Analytics