window.open新开页时页面访问不了问题

最新推荐文章于 2024-03-20 14:14:14 发布
最新推荐文章于 2024-03-20 14:14:14 发布
阅读量3.2k 收藏 5
点赞数 4
分类专栏： javascript html 文章标签： window.open() 403 referrer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XuM222222/article/details/103042461
版权

window.open新开页时页面访问不了问题

当项目中需要新开页跳转到其他网站时，最常用的方法就是使用window.open(url)来实现，最近在项目中，使用window.open()方法新开页跳转时，有些网站可以正常访问，有些则访问不了，会出现诸如：403 Forbidden、The HTTP request is not acceptable for the requested resource.等报错问题，但是单独去访问这些地址又是可以正常访问的。

问题原因：

当点击访问页面中外链地址时，会产生一个http请求（用于获取外链地址内容），此时出于安全策略（一些用户信息或登录信息会通过url传递），浏览器会在请求头中添加一个referrer，用来表示当前请求是从哪个页面跳转来的，也就是访问来源。当外链网站对访问做判断时，于是会出现诸如403 Forbidden、The HTTP request is not acceptable for the requested resource.问题。

解决方法：

在项目的index.html的<head>中加入如下<meta>代码：

// index.html
<meta name="referrer" content="no-referrer" />
xm2by
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
window.open关于浏览器拦截问题分析及解决方法
12-10
window.open是javascript函数，该函数的作用是打开一个新窗口或这改变原来的窗口，不过一般用来的是打开新窗口，因为修改原来的网页地址，可以有另一个函数，那就是[removed],他可以重定向网页地址，使网页跳转到另一个页面。 我现在要说的是window.open函数的几个使用策略，一般情况下，如果你直接在js中调用window.open()函数去打开一个新窗口，浏览器会拦截你，认为你将弹出广告等用户不想得到的窗体，所以如果不想让浏览器拦截你，你可以将这个函数改为用户点击时触发，这样浏览器就认为是用户想访问这个页面，而不是你直接弹出给用户。 所以常用的方法就是在超链接
window.open 打开是空白页面
nailwl
12-16 8232
众所周知，FireFox为了支持web标准，在1.1版以后就取消了对模式对话框的支持。即：window.showModalDialog()。但是我们有时在制作网页的时候想增强用户体验性，想使用这个功能怎么办？我们先来分析一下实现模式对话框的原理，我们在IE的模式对话框下无论点父窗口的什么地方，focus（焦点）总是回到了子窗口上面。那么在FireFox下我们将focus总是设置在子窗口上不就行了嘛
The Http request is not acceptable for the requested resource.
最新发布
weixin_43552291的博客
03-20 291
The Http request is not acceptable for the requested resource.
window.open(url)打开链接被浏览器拦截解决方案
恍若c的博客
08-24 1444
H5下载发票是跳一个后端返回的链接，但直接用window.open有些会被浏览器（Safari）拦截 在axios中进行window.open会被浏览器拦截 法1：但用户自己点击的链接不会，可以创建a标签模拟用户点击； 法2：在axios之前就window.open xx.addEventListener(‘click‘, function () { // 打开页面，此处最好使用提示页面 var newWin = window.open(‘loading .
解决某些浏览器（例如谷歌）window.open(url)无效问题
u012211003的博客
12-17 6312
在项目中需要用到预览功能，一开始采用window.open(url)直接打开链接进入预览界面，但是在谷歌浏览器中不生效，网上查了一下相关问题，原因总结有两点： 在ajax请求的回调函数中window.open(url)是不生效的 （尝试在回调函数外面调用window.open(url)，还是不行，坑） window.open(url)在用户操作事件中才能生效，否则浏览器判定该操作不是用户操作，会阻止窗口弹出。 （这个比较靠谱） 但是预览的URL是通过ajax请求得到的，倒是可以增加一个预览按钮绑定点击事件
js windows.open 不能显示页面，刷新后方可显示的解决办法
潇湘博客
03-26 4164
js windows.open 不能显示页面，刷新后方可显示的解决办法 function Print(){ window.open(myencode(pdf/php.pdf.php?key=),_blank) ;     } 这个方法打开打印页面的时候，不能显示网页，提示链接错误，刷新后又可显示页面了。本人觉得这是ie的bug.而用" target="_
window.open打开链接报错The HTTP request is not acceptable for the requested resource解决办法
u014572906的博客
08-26 3177
今天使用window.open打开链接时发现The HTTP request is not acceptable for the requested resource错误，该错误由于访问https地址问题导致 解决办法： window.open('url', 'foo', 'noopener=yes,noreferrer=yes')
window.open() 被拦截的问题解决
oscar999的专栏
04-29 9467
某些浏览器（比如Chrome）出于安全和体验的考虑，会禁止直接在JS中使用 window.open(url) 打开新的窗口。但是如果使用 `window.open(url,'_self') ` 改变当前窗口是允许的。 禁止直接打开的原因就是非用户操作产生的新弹出窗口，会被认为这可能是一个广告，所以禁止了这种行为。
解决The HTTP request is not acceptable for the requested resource
weixin_49154644的博客
12-19 838
Vue项目中报错找到public下的index.html在head标签中添加
全网多种方式解决The requested resource [/] is not available的错误
念兮为美
02-18 1万+
全网多种方式解决The requested resource [/] is not available的错误
Ajax请求响应中用window.open打开新窗口被拦截的解决方法
12-10
ajax 异步请求成功后需要新开窗口打开 url，使用的是 window.open() 方法，但是会被浏览器给拦截了，需要用户点下。 二、问题分析 　浏览器之所以拦截新开窗口是因为该操作并不是用户主动触发的，所以它认为这是不...
Window.Open详解
12-16
Window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。 　这一段代码...
静态页面的值传递(三部曲)
12-12
这两窗口之间存在着关系....就是利用window.open打开的窗口.不能跨域. Post.htm <input type=text name=maintext> <input type=button onclick=”window.open(‘Read.htm’)” value=”Open”>
JS弹出新窗口被拦截的解决方法
01-19
在Web编程中，使用JS在新窗口打开页面的时候，会遇到被...把window.open()函数改为由用户主动点击时触发，在超链接里加入onclick事件，这样浏览器就认为是用户想访问这个页面，而不是直接弹出给用户 2、例如： <a>
canvas学习——toDataURL()方法
热门推荐
xm2by的博客
09-12 5万+
toDataURL()方法 1、toDataURL()方法是什么？ toDataURL()是canvas对象的一种方法，用于将canvas对象转换为base64位编码； 2、利用canvas的toDataURL()方法如何将图片转换为base64编码？ 通过将图片绘制到canvas中，然后将canvas对象转换为base64编码，从而实现图片转为base64编码； 3、将图片转换为bas...
如何获取input输入框中的值？
xm2by的博客
06-05 4万+
如何获取input输入框中的值？ 1、javascript
vue项目中实现pdf文件预览功能
xm2by的博客
08-09 2万+
vue项目中实现pdf文件预览功能 最近遇到一个实现pdf文件预览功能的需求，分享一下实现方法： pdf预览相对word、excel、ppt等文件的预览比较容易，因为常见的浏览器都是支持pdf文件直接预览，所以最简单的实现方法就是在浏览器中直接输入pdf文件存放在服务器上的路径地址就可以直接预览； 1、使用浏览器默认支持访问pdf文件的功能 1.1、当后端返回的是pdf文件在服务器上的路径时，直接...
input元素的oninput事件和onchange事件
xm2by的博客
03-20 2万+
input元素的oninput事件和onchange事件 1、input元素上绑定事件的三种方式： 第一种：直接在元素标签上添加oninput属性，属性值为处理事件函数的调用 <input type="text" id="input" oninput="handleInput()"></input> function handleInput() { // 处理事件代码 ...
window.open打开本地其他vue页面
02-06
如果要在本地用 `window.open` 打开 Vue 页面，可以这样做： 1. 在浏览器中打开本地 Vue 页面的文件路径，例如：`file:///path/to/vue/page.html` 2. 将文件路径作为参数传递给 `window.open` 函数，例如：`window.open('file:///path/to/vue/page.html')` 例如： ``` <template> <button @click="openVuePage">打开 Vue 页面</button> </template> <script> export default { methods: { openVuePage() { window.open('file:///path/to/vue/page.html') } } } </script> ``` 注意：由于安全限制，在本地使用 `window.open` 打开本地文件可能会失败。如果遇到这种情况，可以尝试使用本地服务器软件（如 Apache、Nginx 或 Node.js）来运行 Vue 页面，再通过本地服务器访问该页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值