JavaScript中点击按钮弹出新的浏览器窗口

标签: javascript
3087人阅读 评论(2) 收藏 举报
分类:
*/
 * Copyright (c) 2016,烟台大学计算机与控制工程学院
 * All rights reserved.
 * 文件名:text.js
 * 作者:常轩
 * 微信公众号:Worldhello
 * 完成日期:2016年10月226日
 * 版本号:V1.0
 * 程序输入:无
 * 程序输出:见运行结果
 */

<!-JavaScript打开新的浏览器窗口,-->
<!-window.open([URL],[窗口名称],[参数字符串])->
<!-URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。窗口名称:可选参数,被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2."_top"、"_blank"、"_self"具有特殊意义的名称。
  _blank:在新窗口显示目标网页
  _self:在当前窗口显示目标网页
  _top:框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
  4.name 不能包含有空格。参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
示例代码:->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open</title>
<script type="text/javascript">
  function Wopen(){
      window.open('http://www.qingning99.cn','_blank','width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes')

  } 
</script>
</head>
<body>
    <input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!" / >
</body>
</html>

查看评论

JS 浏览器打开新窗口, 非tab

通常, 我们可以使用 window.open(url,"_blank") 或window.open(url,"_blank",option)打开一个新的窗口, 但如果浏览器设置了 用tab方式打开新窗...
  • monkeyking1987
  • monkeyking1987
  • 2012年08月23日 11:29
  • 9137

js浏览器中打开新的窗口,非tab

通常, 我们可以使用 window.open(url,"_blank") 或window.open(url,"_blank",option)打开一个新的窗口, 但如果浏览器设置了 用tab方式打开新窗...
  • Ditto_zhou
  • Ditto_zhou
  • 2017年02月21日 09:01
  • 602

js弹出子窗口的浏览器兼容性问题

业务功能是,点击“修改”按钮弹出编辑子窗口,修改完成后点击保存,触发父窗口的“搜索”按钮加载新的修改后的内容显示。 检测的浏览器有“IE”,"FireFox","Chrome"。Window.open...
  • liuyouli2012
  • liuyouli2012
  • 2016年09月29日 16:34
  • 2549

js案例:使用js弹出小窗口(没有浏览器窗口地址栏,工具栏,菜单栏,显示栏,只有关闭和最小化按钮)

 使用js弹出小窗口(没有浏览器窗口地址栏,工具栏,菜单栏,显示栏,只有关闭和最小化按钮) 代码如下: function addFiles() { var contextPath ...
  • lxhjava
  • lxhjava
  • 2016年11月03日 23:55
  • 3207

JS点击按钮打开新的独立页面

工作中遇到需要点击按钮弹出一个独立的页面,并显示指定内容的问题,查了一些资料后,得到以下方法: window.open('locationPage.html', '_blank', 'height=1...
  • yangluo1683
  • yangluo1683
  • 2017年06月30日 14:15
  • 5018

Web: 使用Javascript新开一个浏览器标签而不是新开一个窗口

很多浏览器对新开弹出窗口进行了限制,popup窗口在默认情况下会被block掉。这样可能会造成按钮/链接/脚本不工作的假象。window.open("http:www.techbrood.com","...
  • iefreer
  • iefreer
  • 2014年03月30日 20:56
  • 14003

在HTML网页中设置弹出窗口的办法

【1、最基本的弹出窗口代码】  其实代码非常简单:    window.open ('page.html')  -->    因为这是一段javascripts代码,所以它们应该放在之...
  • w405722907
  • w405722907
  • 2017年06月30日 14:30
  • 5013

jQuery,实现想弹出什么,弹出什么(弹出提示、弹出一个新的页面等等)

先要明白,弹窗的原理是什么, 参考html页面,弹窗(原始的alert(),jquery的alertWin),原理是什么?:http://blog.csdn.net/ideality_hunter/a...
  • Ideality_hunter
  • Ideality_hunter
  • 2017年06月05日 18:01
  • 687

js通过按钮button点击弹出一个新的窗口页面

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no...
  • tsh18523266651
  • tsh18523266651
  • 2016年09月05日 15:23
  • 6013

js实现点击按钮,弹出新窗口

1.js引入jquery.js 样式:     .window{       width:800px;       background-color:#f6a828;       position:...
  • songsongmianbao
  • songsongmianbao
  • 2016年05月31日 17:59
  • 4592
    个人资料
    专栏达人 持之以恒
    等级:
    访问量: 13万+
    积分: 3327
    排名: 1万+
    微信公众号
    课程设计、视频资源、有料趣文
    Worldhello


    微信公众号:Worldhello
    期待您的关注!
    博客专栏
    最新评论