美文网首页
window.open,用于打开一个新的页面

window.open,用于打开一个新的页面

作者: WangYatao | 来源:发表于2017-06-21 15:57 被阅读194次

****效果图****
有时候我们在打开一个网页的时候会在打开网页的同时在浏览器的左上角弹出一个广告框,这里就可以使用window.open来实现


Paste_Image.png

****语法:window.open([URL], [窗口名称], [参数字符串])
window.open有三个属性,第一个是打开的网页地址,第二个打开方式,第三个设置打开的网页样式****
****打开方式有
_blank:在新窗口显示目标网页
_self:在当前窗口显示目标网页
_top:框架网页中在上部窗口中显示目标网页****
****打开样式:****


Paste_Image.png
****代码****
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .con{width:300px;height: 200px;margin: 0 auto;}
        </style>
</head>
<body>
<div class="con"><h1>Hello</h1></div>
</body>
<script>
window.open('http://www.baidu.com','_blank','top=300,left=300,width=500,height=400')
</script>
</html>

相关文章

  • window.open,用于打开一个新的页面

    ****效果图****有时候我们在打开一个网页的时候会在打开网页的同时在浏览器的左上角弹出一个广告框,这里就可以使...

  • JavaScript基础 BOM方法

    window.open()打开新窗口window.open('要打开的页面',' _self (当前窗口打开) ...

  • window.open()方法记录

    window.open( URL, name, features, replace )方法用于打开一个新的浏览器窗...

  • vue页面跳转

    (1)新页面打开: window.open(href, '_blank') (2)原页面打开: wi...

  • 输入框搜索功能的实现

    先写输入框: 按钮触发事件及function方法(window.open为打开新的页面具体页面后续): 在comm...

  • window.close() 方法在IE中不起作用

    1. 最近在工作中有一个需求是在一个页面 window.open() 打开一个页面,然后在当前页面可以关闭这个新打...

  • a标签的跳转问题

    在js中采用window.open打开一个新的页面的时候,如果在a标签中采用'#'的写法,会导致当前页面出现404...

  • post下载

    引言通过 window.open(url) 的方法下载文件,需要打开一个新的页面下载,影响用户体验。 且如果参数数...

  • window.open 打开异步请求生成的url被阻止

    window.open 打开异步请求生成的url被阻止 当前需求,用户点击按钮,发送请求,获得跳转路径,在新的页面...

  • window.open 浏览器图标不显示

    window.open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口. 最近在项目中遇到,用windo...

网友评论

      本文标题:window.open,用于打开一个新的页面

      本文链接:https://www.haomeiwen.com/subject/erktcxtx.html