window.location.href和window.open窗口跳转区别解析
一、直接跳转式
window.location.href='https://www.baidu.com'
二、开新窗口跳转
window.open(url, [name], [configuration])
*url：为要新打开页面的url
*name：为新打开窗口的名字，可以通过此名字获取该窗口对象
*configuration：为新打开窗口的一些配置项，比如是否有菜单栏、滚动条、长高等等信息
例子
新打开一个没有菜单栏、标题栏、工具栏，但是有滚动条、状态栏、地址栏且可伸缩窗口的方法调用如下：
window.open("index.html", "newWindow", "width=1024, height=700, top=0, left=0, titlebar=no, menubar=no, scrollbars=yes, resizable=yes, status=yes, , toolbar=no, location=yes");参数解释
window.open 弹出新窗口的命令；
index.html 弹出窗口的文件名；
newWindow 弹出窗口的名字（不是文件名），非必须，可用空’'代替；
width=1024 窗口宽度；
height=700 窗口高度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
titlebar=no 是否显示标题栏，被忽略，除非调用HTML应用程序或一个值得信赖的对话框.默认值是yes；
menubar=no 表示菜单栏，默认值是yes；
scrollbars=yes 是否显示滚动条，默认值是yes；
resizable=no 是否允许改变窗口大小，默认值是yes；
status=no 是否要添加一个状态栏，默认值是yes；
toolbar=no 是否显示工具栏，默认值是yes；
location=no 是否显示地址栏，默认值是yes；
window.open打开新窗口还是打开新标签页
调用window.open是打开新窗口，还是打开新标签页，这里要加以区分。
window.open(url)或者window.open(url, name)
其中name为_blank
标准浏览器、新标签打开链接url
window.open(url, name, configration)
只要配置了configration，都是新窗口打开链接的
以上就是window.location.href和window.open 跳转区别解析的详细内容，更多关于window.location.href window.open跳转的资料请关注脚本之家其它相关文章！
相关文章
众所周知在JavaScript编程中判断输入是否为数字类型是一个常见的需求,特别是在处理用户输入或者验证表单数据时,这篇文章主要介绍了JavaScript检查一个值是否为数字的相关资料,需要的朋友可以参考下2025-11-11
鼠标事件的移动及移出效果都可以使用js来自定义，下面有个示例，实，效果为当事件发生改变时背景颜色也随着改变2014-10-10
昨天晚上“设计”了n久，那些代码都还没有运行起来，有点心急、有点郁闷。2010-01-01
小发现之浅谈location.search与location.hash的问题
下面小编就为大家带来一篇小发现之浅谈location.search与location.hash的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-06-06
TypeScript装饰器的作用、结构、类型及其应用场景（代码示例）
文章介绍了装饰器的作用、结构、类型及其应用场景,装饰器是一种特殊类型的声明,可以附加到类、方法、访问符、属性或参数上,通过在不改变原有代码的情况下扩展功能,文章还提供了装饰器的具体实现示例,包括类装饰器、方法装饰器、参数装饰器和属性装饰器2026-02-02
这篇文章主要给大家介绍了关于JavaScript如何删除对象的某个属性的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
这篇文章主要带领大家学习JavaScript设计模式，其中重点介绍封装，举例说明封装的思想，对封装进行详细剖析，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了微信小程序 select 下拉框组件功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了基于javascript实现瀑布流布局，及ajax动态新增数据的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-04-04
这篇文章主要介绍了用于deeplink的js方法(判断手机是否安装app),需要的朋友可以参考下2014-04-04
最新评论