项目中地址跳转有误问题 / a标签跳转 / window.open() / location.href

最新推荐文章于 2024-04-09 16:00:44 发布
最新推荐文章于 2024-04-09 16:00:44 发布
阅读量1k 收藏 1
点赞数
分类专栏： javascript 文章标签： reactjs mac java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hiumanChung/article/details/112003912
版权

当跳转的地址不是以http或者https开头的时候，跳转的地址会拼接后面或者替换当前路由，导致跳转错误，比如：

1.拼接在后面

当前地址是：https://www.baidu.com/

跳转的地址是：baidu.com

得到的地址是：https://www.baidu.com/baidu.com

2.替换当前路由

当前地址是：file:///C:/Users/Administrator/Desktop/test.html

跳转的地址是：baidu.com

得到的地址是：file:///C:/Users/Administrator/Desktop/baidu.com

如果跳转的地址是用户输入的，暂时只能通过判断跳转的地址是不是以http或者https开头来解决这个问题

littleHiuman
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在新窗口打开的跳转菜单 window.open使用介绍
09-22
在JavaScript中，`window.open()` 是一个非常实用的函数，用于在新的浏览器窗口或标签页中打开指定的URL。在网页开发中，特别是在构建交互式的用户界面时，这个功能经常被用来创建弹出窗口或者像描述中提到的“在新...
window.open打开窗口被拦截的快速解决方法
09-01
在网页开发过程中，有时我们需要使用JavaScript的`window.open`函数来打开新的窗口或标签页，例如用于弹出新窗口展示详细信息或者进行页面跳转。然而，由于浏览器的安全策略和用户设置，`window.open`可能会被拦截，...
完好用户体验: 活用window.location与window.open解决页面跳转问题
weixin_33978016的博客
05-03 646
原文地址: JavaScript Redirects and window.open原文日期: 2014年08月27日翻译日期: 2014年08月31日翻译人员: 铁锚(译者注: 本文解决的是按 Ctrl键时使用JS打开新页面的问题)在简化的HTML5规范中,同意在 A 标签内包括多个 DIV 和/或其它块级元素. 如今仅仅要用 <a> 标签包住块元素,就能搞定原来须要用JavaS...
a标签跳转的时候会拼接项目地址
qq_23260455的博客
07-15 1515
希望实现：点击图片跳转至原文链接 原先代码如下： <a :href=" item.url"> <img :src="'data:image/png;base64,'+ item.picture" alt=""> </a> 接收后端传送的url,但是在控制台看到a标签跳转的时候会拼接项目地址 解决： 要在href属性里面添加http:协议，如果要跳转至百度就href=“http://www.baidu.com” <a :href="'http://'+ item.
直接打开网址可以跳转，通过window.open报错404
酷狗蛋的博客
01-19 4730
直接打开网址可以跳转，通过window.open报错404我遇到的问题问题原因解决方案 我遇到的问题 我在项目上用window.open报错404，但是在浏览器直接访问地址却可以访问到。 问题原因 从浏览器直接输入是没有referer的，从项目里跳转会带上项目的地址作为referer 所以可能要跳转的服务器对referer进行了拦截。 解决方案 window.open(‘javascript:window.name;’, ‘ ![在这里插入图片描述](https://img-blog.csdnimg.
a标签跳转为什么带上了当前的url路径
范天缘的博客
02-19 1979
原因:如果不带http,浏览器会认你那个是路径而不是连接,所以需要加上 错误 跳转测试 <a href='www.baidu.com'>跳转测试</a> 正确 跳转测试 <a href='http://www.baidu.com'>跳转测试</a>
window.open跳转携带本地地址
weixin_43742121的博客
04-26 982
在项目中遇到一个问题，在使用window.open 跳转其他项目的时候，地址肉眼观察书写正确，但是跳转的时候就是会携带本地的地址，每次都跳转不过去，后来发现是后端的库里在http前面加了空格，返回前端的时候这个空格不展示，称之为零宽空格，转义字符是%E2%80%8B。处理办法，就是让后端去掉空格就可以正常跳转了。
Vue项目中a链接地址莫名拼接上了当前网页地址
sunshineTing2的博客
07-31 1896
问题复现： <a href="www.baidu.com">跳转百度</a> 原因：a链接跳转 href属性要带上协议，否则会默认拼接当前网址； 正确写法： <a href="http://www.baidu.com">跳转百度</a>
详解js location.href和window.open的几种用法和区别.docx
01-22
在实际应用中，location.href 和 window.open() 都可以用来实现页面的跳转和弹出窗口，但是它们的用法和区别需要根据具体情况选择。例如，在某些情况下，需要在当前页面跳转到新的 URL，可以使用 location.href。 而...
js中window.open的参数及注意注意事项
11-24
在JavaScript中，`window.open()` 是一个非常有用的函数，它用于在浏览器中打开新的窗口或者标签页。这个函数有四个参数，每个都有特定的作用和注意事项。让我们深入了解一下这些参数： 1. **URL（可选）**：这个...
window.open参数详解附实例
09-05
`window.open()` 是JavaScript中的一个内置函数，常用于在用户交互或编程逻辑中打开新的浏览器窗口。这个函数在网页开发中十分常见，特别是在创建新窗口、弹出对话框或者进行页面跳转时。然而，由于浏览器的安全策略...
小知识 跳转新的页面 window.open()
weixin_49290900的博客
09-18 278
后端给我返回的是 url 是这样的 我一开始 写的时候是这么写的 但是 我发现 点击链接 每次跳的不是网站 ， 而是现在项目的某一个 页面，然后我就换了一种方式去写 请看下面的 写个判断就可以了。 ...
window.open方法带参数跳转时乱码问题的解决与原因剖析
松鼠病重度患者
03-21 2365
在维护老项目时，遇到一个问题，页面跳转时中文在新页面出现乱码。 经过调试发现，在源页面通过JS的window.open()方法跳转到目标页面，在open方法中拼接字符串来进行get方式的跳转。 但是，open在跳转时，会自动把文本解码成ISO8859-1的，所以在目标页面通过getParameter获取到的就会变成乱码。 解决方法：在源页面拼接字符串时，把中文内容使用encodeURI方法包...
window.open跳转的地址打不开，重新访问就可以打开问题解决
最新发布
qq_31699161的博客
04-09 772
在新的浏览器页签打开第三方页面时，显示页面未找到，但是浏览器单独访问这个第三方地址，却可以正常打开。1、如果你想要使用window.open方法打开一个新窗口，但是用户设置了浏览器，使得弹窗被拦截，那么你可以考虑使用window.location.href来代替window.open。使用此方法，通过先打开一个空的浏览器窗口，然后用location.href方法替代window.open设置重定向地址的方式，可以解决此类问题。
window.open遇到的问题的详细解说
tongge01uuu的博客
07-10 4443
需求如下：    在一个WEB系统中，主页面index.jsp包含了head.jsp   left.jsp   document.jsp等等，现在需要在document.jsp 上有一个按钮，点击他的时候就弹出新页面将这个页面 document.jsp预览出来，并增加打印和取消两个按钮。   我刚做这个的时候，先从网上找了一大堆东西，比如 var newwin=window.open(wi
window.open链接跳转新窗口，谷歌不生效
qq_59626859的博客
08-04 651
点击后端返回的非本系统的网络链接并跳转，要求在新页面打开。如果是本标签打开直接window.location.href ="/url"。但是现在要求新标签页，window.open有浏览器限制。
Vue打开外部链接问题
furong_lzz的博客
02-28 8172
vue打开外部链接会在链接上默认拼接自己的域名地址，在地址前拼接http:// 'http://'+ 你的外部链接地址 1、不新开窗口 window.location.href(你的外部链接地址); 2、新开窗口 window.open(你的外部链接地址, '_blank'); ...
【Vue】Vue中的路由跳转与路由传参的笔记归纳总结
m0_48465196的博客
12-23 3433
路由的跳转与传参------query----params
vue利用a标签跳转页面 出现 `http://xxxxxx/about#/about` 问题原因和解决方法
热门推荐
lazy_tomato的博客
05-01 1万+
START 前段时间有小伙伴在vue项目中，路由跳转的时候，使用a标签去跳转路由，遇到跳转不生效，路径还是奇怪的http://xxxxxx/about#/about，记录一下这个问题。 a标签基本介绍 首先看看我们的a标签<a></a>的W3C基本介绍： <a>标签定义超链接，用于从一个页面链接到另一个页面; <a>元素最重要的属性是 href 属性，它指定链接的目标 href属性可以设置的URL: 绝对 URL - 指向另一个站点（比如 href=
window.href.location跳转页面
05-01
window.location.href是JavaScript中的一个属性，通过设置它的值，可以实现在当前窗口或者新窗口中跳转到指定的页面。具体而言，可以将跳转所需的URL作为window.location.href的字符串参数传入，浏览器会根据这个URL在当前页面或者新标签页中呈现对应的页面。同时，window.location.href也可以用来获取当前页面的URL。 需要注意的是，通过window.location.href跳转页面时，浏览器的历史记录会发生改变。如果在当前页面点击了一个链接，并且window.location.href被用来跳转到新页面，那么浏览器的后退按钮会将用户带回到原来的页面。而如果是通过window.open方法来打开新窗口，浏览器不会为这个新窗口创建历史记录，因此无法回退到打开这个窗口之前的页面。 此外，如果在window.location.href的参数中使用了非法的URL或字符串格式不正确，就可能导致页面跳转失败或者出现异常情况。因此在使用window.location.href属性进行页面跳转时，需要注意参数的合法性和正确性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值