不要用window.open，H5链接跳转，打开支付宝或微信支付最好采用 location.href

最新推荐文章于 2023-03-30 10:21:55 发布
最新推荐文章于 2023-03-30 10:21:55 发布
阅读量3.1k 收藏 2
点赞数 2
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41860203/article/details/111227488
版权

不要用window.open

window.open方法是很容易被屏蔽，特别是浏览器的安全级别设置比较高的情况下，而一些浏览器安装后的默认设置就是屏蔽弹出窗口，而通过脚本window.open方法打开的新页面基本都在拦截的范畴内。

location.href（建议使用）

表示重新定向到新页面，同时刷新打开的这个页面

window.location.href='URL' // 覆盖当前页
location='URL' // 覆盖当前页

window.open 和a 标签一样

只是表示打开这个页面，并不是打开并刷新页面

window.open('URL','_blank')// 在新窗口打开
window.open('URL','_self') // 覆盖当前页
小小前端--可笑可笑
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Html跨页面调用函数,浅析location.href跨窗口调用函数
weixin_33746833的博客
06-03 907
location.href这个东西常常用于跳转，location既是window对象的属性，又是document对象的属性。JavaScript hash 属性 -- 返回URL中#符号后面的内容JavaScript host 属性 -- 返回域名JavaScript hostname 属性 -- 返回主域名JavaScript href 属性 -- 返回当前文档的完整URL或设置当前文档的URL...
前端window.open实现激活而非打开的功能
12-22
扩展window.open方法，使得window.open时针对相同的URL地址非打开新窗口，而是仅仅激活已存在窗口，另外，此激活不会刷新页面，不会丢失页面上已存在的数据
window.location.href的用法
xiaowu2017的博客
02-09 1051
javascript中的location.href有很多种用法，主要如下。 self.location.href="/url" 当前页面打开URL页面 location.href="/url" 当前页面打开URL页面 windows.location.href="/url" 当前页面打开URL页面，前面三个用法相同。 this.location.href="/url" 当前页面打开URL页
window.location.href失效
开发小盆友的博客
12-16 1338
submit" value=" 登 录 " />                                             我是用ajax到后台请求而不是用的from表单提交的方式。提交成功之后用window.location.hre去跳转另一个页面，可是就是不跳转  原来我用的按钮是submit因为submit是提交from表单的 所以提交了f
记一次修复微信支付吊起非常慢的问题
weixin_33739646的博客
05-21 729
记一次修复微信支付吊起非常慢的问题 微信h5接支付调用 window.wx.invoke('getBrandWCPayRequest') 有些安卓手机吊起非常慢，因为调支付api写法就是这样子，实在定位不到问题所在，正在打算放弃的时候。突然发现一个问题，就是只有当定位api完成的时候，支付就突然吊起了。定位会导致支付吊起不了吗？ 原来之前...
解决window.location.href跳转无效,地址直接接在原URL后面的问题
weixin_47239395的博客
09-10 8868
写H5项目,遇到一个问题,多个系统在一起的一个项目,视频面签是我这边负责的,挂断视频之后要跳回别的系统,他们会在一开始传个跳转路径URL给我 错误的方法 let h5URL = 'www.baidu.com' // 在挂断事件里面调用它 window.location.herf = h5URL // 结果输出到页面location: 8880/#/www.baidu.com // 后来尝试加了协议 let h5URL = "http://www.baidu.com" window.location.he
window.open 不打开新页面_原来微信就能剪辑视频，还可以添加字幕、配乐，不知道的可惜了...
weixin_39895167的博客
12-10 172
大家都知道，微信是全国最火爆的社交软件，不过有些朋友不知道，微信在不断完善的过程中新增很多功能，比如剪辑视频功能，而且还能添加字幕和配乐呢。今天小科就为大家分享一下，微信的这个剪辑视频功能。一、 微信视频编辑我们先打开手机微信，再点击底部的【我】，接着在这个页面向下拉，你会发现【拍一个视频动态】按钮(如果没有出现这个按钮，建议更新微信版本)，然后我们直接点击这个按钮就行了。我们跳转到新页面后，我们...
详解js location.href和window.open的几种用法和区别
10-15
主要介绍了详解js location.href和window.open的几种用法和区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法
10-26
主要介绍了javascript window.open打开新窗口后无法再次打开该窗口问题的解决方法即无法再次打开窗口、第二次打开不了,需要的朋友可以参考下
详解js location.href和window.open的几种用法和区别.docx
01-22
window.open() 会打开新的浏览器窗口或 Tab，而 location.href 则是在当前页面跳转到新的 URL。 六、实际应用 在实际应用中，location.href 和 window.open() 都可以用来实现页面的跳转和弹出窗口，但是它们的用法...
微信浏览器判断，js里面window.open和location.href合用，两次加载！
yunyiduan的专栏
04-03 5670
<script type="text/javascript">     // 对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器    var useragent = navigator.userAgent;     if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {         //...
微信公众号第三方登录window.open打开新窗口和url携带http网址参数base64转码传参
大师兄
06-25 2553
原文链接：https://dsx2016.com/?p=1106 公众号：大师兄2016 需求场景 微信第三台平台只能绑定一个域名. 当从另一个域名下的系统进行绑定操作时,只能以打开指定域名的方式进行二维码扫码授权. 同时又需要保持当前的访问状态不被影响,所以在pc端使用打开新窗口的方式. 授权成功后需要跳转一个回调地址,打开url的时候retunUrl是网址的参数形式,不论是传参给后端还是新网页,都要进行一次编码转化 新窗口 当前网页加载 window.location.hre.
PC、h5项目接入第三方支付宝扫码登录、扫码付款
weixin_30765577的博客
09-03 858
首先介绍一下pc项目接入支付宝扫码支付。 1、pc、移动接入支付宝扫码支付。 　　其实这个逻辑很简单，前端所需要处理的不是很多，后台会给一个连接，前端只需要将要支付的订单id拼接在这个连接上，然后打开跳转到这个连接就行。扫码支付完之后支付宝会回调到一个前段项目，但是注意这个页面只是一个回调页面，并没有返回支付成功或者失败，所以这个页面处理的时候要注意。 例如： 具体如下： 对于前端都...
微信支付php局部刷新页面,vue 解决在微信内置浏览器中调用支付宝支付的情况...
weixin_42317730的博客
03-22 332
我的思路大概是这样的1. 验证是否是在微信内置浏览器中调用支付宝2.给支付页面的url加上调用接口所需的参数(因为在微信里是不能直接调用支付宝的需要调用外部浏览器)3.在外部浏览器中完成支付跳转页面第一步：payment: 是选择支付页面，pay-mask是用于在微信内置浏览器中调用支付宝的中间页payment主要代码：let ua = window.navigator.userAgent.toL...
微信浏览器 window.location.href
彭世瑜的博客
07-26 3671
以下代码在chrome环境下能正常运行，而在微信内置浏览器中却无法跳转 window.location.href = '/'; 1、方案一： 将需要跳转的地方改用a标签 <a href="/">点击跳转</a> 2、方案二： 2.1、iOS 触发隐藏a标签点击 <a id="alink" href="http://www.baidu.com" style="display: none;"><span id="spanId">下一步</span&gt
前端下载文件/导出文件
热门推荐
醉逍遥neo的博客
01-21 1万+
前端h5开发过程中会经常遇到下载文件或导出文件的需求，有时候接口响应慢或者出于优化交互的目的需要前端自定义处理文件下载。 下面由浅入深分享一些常用的处理方法。 一、window.location.href 这也是最简单的解决方式， window.location.href = url url即文件或接口的地址 如需要额外参数，通过url后问号拼接参数，后端get请求方式接收。 二、window.open 上述window.location.href的方式直接访问可能会覆盖当前页面地址，影响用户体验，改
location.href不跳转、不执行的最有效的解决办法！
dream_yangming的博客
04-29 4074
最近在js中希望通过location.href进行跳转，在网络上查询了很多资料，困扰了很久。现在把解决的思路记录一下。 如果你的不跳转，你可以先写个测试，看程序是否进行到这一步。 如果执行到这一步，那就试试下面的方法： 先改οnclick="return test()”; 在test中返回false，试试。如果不行可能是表单的问题，页面如果不用submit提交的话，把submit换成其他的，如bu...
【问题】iOS微信公众号h5页面window.open()打不开新页面
工作中遇到问题记录
03-30 1464
iOS微信公众号h5页面window.open()打不开新页面
微信浏览器window.location.href跳转无反应怎么解决
最新发布
07-28
如果在微信浏览器中使用`window.location.href`进行页面跳转时没有反应，可以尝试以下几种方法来解决问题： 1. 检查代码逻辑：确保在调用`window.location.href`之前没有其他操作阻止了页面跳转，例如表单验证、异步请求等。可以使用浏览器开发者工具查看控制台是否有错误信息。 2. 使用`location.replace`替代`window.location.href`：尝试使用`location.replace`方法来替代`window.location.href`，例如：`location.replace(url)`。这个方法会替换当前页面的历史记录，可以避免一些页面跳转相关的问题。 3. 检查是否被微信浏览器拦截：微信浏览器可能会对某些页面跳转进行拦截，特别是跳转到其他域名或非安全的链接。确保要跳转的链接是合法的、安全的，并且没有被微信浏览器拦截。 4. 使用其他跳转方式：如果以上方法都没有解决问题，可以考虑使用其他跳转方式，例如使用`window.open`打开新窗口或使用后端重定向来进行页面跳转。 如果以上方法都没有解决问题，可以提供更多的代码和详细的错误信息，以便更好地帮助解决。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小小前端--可笑可笑

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值