Window.open()方法参数详解

最新推荐文章于 2024-01-07 20:24:56 发布

chuituoyi7265

最新推荐文章于 2024-01-07 20:24:56 发布

阅读量1.3k

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/pioneerDev/blog/890078

版权

本文详细介绍了JavaScript的window.open()方法，包括基本用法、参数解释以及各种应用场景，如控制弹出窗口的大小、位置、功能，并展示了如何使用函数、事件和Cookie来控制窗口弹出，以实现更丰富的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1, 最基本的弹出窗口代码
   window.open('page.html');

2, 经过设置后的弹出窗口
   window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no')   //该句写成一行代码
   参数解释：
      window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　height=100 窗口高度；
　　width=400 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

3, 用函数控制弹出窗口
    下面是一段完整的代码
      <html>
　　<head>
　　<script LANGUAGE="JavaScript">
　　<!--
　　function openwin() {
　　window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, m

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chuituoyi7265

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript中window.open()方法【详解】

sjs52406的博客

01-03

3774

本篇文章主要针对JavaScript中window.open()方法的全面了解，以及详细参数说明使用

window.open()详解及浏览器兼容性问题示例探讨

09-04

本文将详细解析`window.open()`的使用方法，并探讨在不同浏览器中的兼容性问题。 ### 1. 基本语法 `window.open()`的基本语法如下： ```javascript window.open(pageURL, name, parameters) ``` - `pageURL`：...

参与评论您还未登录，请先登录后发表或查看评论

Window的Open方法，弹窗的特征【超详细篇】

Jin_Xiang123的博客

01-01

9069

本篇文章主要介绍在在JavaScript中window的OPen方法，弹窗的特征以及部分理论知识在JavaScript中，window是一个全局对象，表示当前浏览器窗口或标签页。它包含了浏览器提供的许多方法和属性，用于操作窗口、文档和浏览器环境。可以通过window对象来访问和操作浏览器窗口的属性和方法，例如等。此外，window对象也是全局作用域的顶层对象，因此全局定义的变量和函数实际上成为了window对象的属性和方法。方法/属性描述弹出警告框，显示指定的消息弹出确认框，显示指定的消息

Window open方法

说故事的五公子

08-05

301

定义和用法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。语法 window.open(*URL,name,specs,replace*) 参数说明 URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口 name 可选。指定target属性或窗口的名称。支持以下值：_blank - URL加载到一个新的窗口。这是默认_parent - URL加载到父框架_self - URL替换当前页面_top - URL替换任何可加载的框架集nam

window.open方法详解

m0_47791238的博客

10-12

7364

window.open()是 JavaScript 中的一个方法，用于在浏览器中打开新窗口或标签页。它允许你以编程方式控制新窗口的大小、位置、URL、工具栏、菜单栏等属性。：要在新窗口中加载的文档的 URL。这是一个必需的参数。：新窗口的名称，用于标识新窗口。如果指定相同的名称，它将在同一个窗口中打开。如果留空或设置为"_blank"，将在新窗口或标签页中打开。这是可选参数。：一个包含各种窗口特性的字符串，如大小、位置、工具栏、菜单栏等。这是可选参数。：一个布尔值，指示是否替换浏览器历史中的当前文档。

JavaScript 中的 Window.open() 用法详解

孙悟空

05-30

4万+

本文介绍了如何使用Window.open()方法，列举了该方法中各个参数的含义，以及如何在当前窗口、新窗口、独立窗口打开地址

window.open()用法详解

聚娃科技开发者博客

12-18

2376

是JavaScript中用于创建新浏览器窗口的方法。它接受一系列参数，允许你定义新窗口的大小、位置、URL等属性。这个方法在处理弹出窗口、新标签页等场景中广泛应用。

window.open参数详解附实例

09-05

`window.open()` 是JavaScript中的一个内置函数，常用于在用户交互或编程逻辑中打开新的浏览器窗口。这个函数在网页开发中十分常见，特别是在创建新窗口、弹出对话框或者进行页面跳转时。然而，由于浏览器的安全策略...

JavaScript中window.open用法实例详解

12-10

下面我们将详细探讨`window.open()`的使用方法及其相关参数。 `window.open()`的基本语法如下： ```javascript window.open(url, name, features); ``` - `url`：这是一个必需的参数，表示要打开的网页URL。 - `...

window.open的使用方法

java程序员的蜕变之路

05-27

998

一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示

Window open() 方法

weixin_39326858的博客

07-31

1013

window.open(URL,name,specs,replace) &nbsp;&nbsp;&nbsp;&nbsp;URL 可选。指定target属性或窗口的名称。支持以下值： &nbsp;&nbsp;&nbsp;&nbsp;_blank - URL加载到一个新的窗口。这是默认 &nbsp;&nbsp;&nbsp;&

window的OPen方法，弹窗的特征

热门推荐

夕山雨的博客

08-09

7万+

目录一、window.open1. 基本语法本文主要分两部分。第一部分详细介绍window.open的详细用法，包括它的基本语法、使用说明等。第二部分由window.open引出，我们将介绍当存在多个页面相互关联时，页面之间的通信问题。一、window.open 1. 基本语法 ...

js window.open方法

墨尘

11-12

1312

var iTop = (window.screen.height-30-200)/2; //获得窗口的垂直位置; var iLeft = (window.screen.width-10-500)/2; //获得窗口的水平位置; var showWin = window.open("about:blank",'_blank','width=500,height=200,top='+iTop...

JavaScript的window.open方法

11-10

1490

a1.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equ

window对象的open方法

qq_29030071的博客

10-26

531

DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge">

js中的window.open方法详解

weixin_30781433的博客

06-24

264

window.open的使用

胡云峰的博客

12-19

3725

在上面的示例中，第一个参数是URL地址，第二个参数是新窗口的名称（这里使用了’_blank’，表示新窗口将在一个新的浏览器标签页中打开），第三个参数是可选的特性字符串（这里指定了窗口的宽度和高度）。

JavaScript window.open() 方法详解

"JavaScript 中的 `window.open` 函数详解" `window.open` 是 JavaScript 中一个非常重要的函数，用于在浏览器中打开新的窗口或标签页。它在网页开发中被广泛使用，特别是在创建新窗口、弹出对话框或者重定向用户到...