JavaScript中可以使用window对象的open方法打开新窗口。open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。

Window 对象

Window 对象表示浏览器中打开的窗口。

如果文档包含框架( 或 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

open() 方法

定义和用法

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

语法window.open(URL,name,specs,replace)

JavaScript打开一个指定网页窗口:

HTML中文网

function open_win() {

window.open("https://www.html.cn/");

}

使用window.open方法打开一个空白窗口:

HTML中文网

function openWin(){

myWindow=window.open('','','width=200,height=100');

myWindow.document.write("

这是'我的窗口'

");

myWindow.focus();

}

运行结果:

html怎么用新页面打开页面打开网页,javascript如何打开新窗口?相关推荐

  1. vscode 调试html页面,基于VSCode调试网页JavaScript代码过程详解

    一.调试准备 Windows10 64bits IDE:Visual Studio Code1.28.2 安装插件:Chrome(安装方法:Debug -> Install Additional ...

  2. java页面左右浮动窗,使用JavaScript实现上下浮动的窗口

    使用JavaScript实现上下浮动的窗口效果.其中主要使用setTimeout函数实现定时设置窗口的left和top值,以实现窗口的上下左右移动.下面是实现代码: 上下浮动的窗口 var stepL ...

  3. 网站服务器打开新页面,什么网页适合新窗口打开?哪些网页又适合当前窗口打开?...

    原标题:什么网页适合新窗口打开?哪些网页又适合当前窗口打开? 关于网页是新窗口打开好,还是当天窗口打开好,其实没有严格规定,主要根据网站内容来确定,有些网页需要新窗口打开,有些则不需要,今天四爷推就简 ...

  4. Google浏览器打开新页面会覆盖当前页面的问题(打开新页面)

    自动挡: 1.在Google浏览器搜索(最原始页面搜索)设置 设置->搜索设置 ->结果打开方式->勾选:在新的浏览器窗口中打开所选的每条搜索结果->网页下拉,保存,确定. ( ...

  5. Google如何在新标签打开页面打开链接?

    Google如何在新标签页面打开链接? Google浏览器在打开新链接时会将原先的页面覆盖,习惯了链接在新页面打开的我们,如何进行修改设置呢? 步骤 Google如何在新标签页面打开链接? @[TOC ...

  6. js新打开页面隐藏地址栏 window.open+iframe

    js新打开页面隐藏地址栏 window.open+iframe var newWin = window.open('','_blank'); newWin.document.write('<bo ...

  7. html 表单提交跳转新的页面,jquery模拟form表单提交并新打开页面

    /** * form表单提交本页面打开 * @param url * @param params */ functionpostCurrent(url,params){ varform = $(&qu ...

  8. 如果希望单击超链接打开新的html,【单选题】如果希望单击超链接打开新的html页面,则需将target属性设置为 A. _blank B. _top C. _parent D. _self...

    [单选题]如果希望单击超链接打开新的html页面,则需将target属性设置为 A. _blank B. _top C. _parent D. _self 更多相关问题 一个球状蛋白质,含100个氨基 ...

  9. google浏览器谷歌搜索引擎怎么设置单击在新标签页打开页面

    总述: 因为在平时用谷歌搜东西的时候想打开一个页面都要右键在新标签页打开页面,忽然找到一种方式可以直接单击然后在新标签页打开页面. 方法: 1.首先得有一个google账户.我没试过,可能没账户也可以 ...

最新文章

  1. Inno Setup制作应用程序安装包
  2. 共享服务器设置权限修改,共享服务器权限设置
  3. Python面向对象篇(2)-继承
  4. [Effective JavaScript 笔记]第29条:避免使用非标准的栈检查属性
  5. cocos2d-x返回Android游戏黑屏解决办法
  6. springMVC开启声明式事务实现操作日志记录
  7. UI测试脸型软件,App脸型美化剖析|UI-影视-其他|观点|freshoil - 原创文章 - 站酷 (ZCOOL)...
  8. Python 列表推导 、生成器表达式与声明式编程
  9. centos7 安装lsb_Docker安装与配置
  10. C++头文件<functional>和bind、placeholders占位符使用简单例子
  11. 活动合作 | 2018GAITC大会:AI领袖、应用指南、窥见风口,还能从中获得更多
  12. 共享单车信号服务器,【严肃科普】【严肃科普】共享单车靠什么黑科技远程定位开锁?...
  13. 亚马逊 站内广告数据分析
  14. Chloe.ORM 实体批量生成
  15. 计算机体系结构 第7章 存储系统(2)
  16. 【报告分享】2021年Q3小红书美妆报告-CC数据(附下载)
  17. abp zero mysql_2、ABPZero系列教程之拼多多卖家工具 更改数据库为Mysql
  18. 创建手机页面弹出键盘的时候背景图片被挤上去的解决办法
  19. 【658. 找到 K 个最接近的元素】
  20. 负载均衡的计算方法和含义

热门文章

  1. Verilog——74HC151八选一数据选择器并扩展为16选1数据选择器
  2. wordpress大前端博客主题DUX7.1
  3. Latex报错:xxxx.sty文件不存在解决方案
  4. iOS ping++支付功能实现
  5. HUSTOJ特判程序Special Judge使用方法整理
  6. Debye-Wolf积分计算器
  7. 关于为老年人服务的简单创业计划书
  8. 预见2019:吴晓波年终秀VS时间的朋友(二)
  9. java protoc工具_protoc 编译工具
  10. 学完stm32开发板下一步如何选嵌入式ARM开发板