首页 > 其他分享 >使用js进行页面跳转

使用js进行页面跳转

时间:2023-12-25 14:13:57浏览次数:34  
标签:window js 地址 href location 跳转 页面

场景

vue项目,vite配置了基本路径前缀/h5

在页面内,通过js进行页面跳转

问题

使用window.location.href = '目标地址',结果发现实际跳转地址会变成本地地址前缀+目标地址,e.g. https://loacalhost:9999/h5/www.baidu.com

解决

同样使用window.location.href,但是不是直接进行目标地址填写,而进行一个协议拼接

window.location.href = window.location.protocol + '//' + 'www.baidu.com '

window.location.protocol返回当前url的协议

 

 

 

标签:window,js,地址,href,location,跳转,页面
From: https://www.cnblogs.com/karle/p/17925963.html

相关文章

  • java alibaba fastjson自定义序列化反序列化(教你解决问题思路)
    大家版本不一样方式可能不一样,我不管你的fastjson版本是哪个,按照我这个思路去弄就行写一个JSONObject类,导入fastjson的JSONObject,然后CTRL+鼠标左键点进去看JSONObject源码,然后点击IDEA的左上角selectopenedfile来定位到当前打开的文件。然后看当前目录这边可以看到上面有个Seria......
  • 窗体设置,按钮跳转页面窗体
    packageframe;importjavax.swing.*;importjava.awt.*;publicclassJframedemoextendsJFrame{  JFramejFrame=newJFrame();  Containercontainer;  voidway1(){    jFrame.setSize(1000,1000);    jFrame.setVisible(false);  ......
  • 控制台打印时显示的文件来源没有显示.vue文件,而是出现了一堆index.js??clonedRuleSet-
    控制台打印时显示的文件来源没有显示.vue文件,而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…,看不出来打印的语句来自哪个vue组件检查发现edge打印显示正常,谷歌打印是以上这样的,谷歌设置一下配置 ......
  • 基于SSM+jsp的宠物领养系统
    项目源码获取方式放在文章末尾处项目技术数据库:Mysql5.7数据表:9张开发语言:Java(jdk1.8)开发工具:idea前端技术:JSP后端技术:SSM 功能简介项目获取关键字:宠物领养该项目是一个宠物领养系统,页面分为前台首页和后台管理,具体功能菜单如下:前台首页    登录注册    主页    宠......
  • java读取yaml文件并转化成json格式数据
    一、在maven项目中导入依赖<!--yaml文件转化成json格式--><dependency><groupId>org.yaml</groupId><artifactId>snakeyaml</artifactId><version>1.29</version></de......
  • 推荐给程序员的chrome扩展插件:gitzip for github下载单个GitHub仓库中的文件;json-hand
    推荐清单gitzipforgithub下载单个GitHub仓库中的文件双击文件,勾选文件前面的复选框,可以一次性选择多个文件json-handle格式化json......
  • 微信小程序循环展示数据,选中将参数传递至js,由js传递至另外一个页面
    关键词:微信小程序、页面切换、参数传递、页面切换时的参数传递。1、页面1的wxml:循环展示数据,并选中,将参数传递至js<blockwx:for="{{caselist}}"wx:for-item="item"style="display:flex;"><viewclass="item"><buttoncatchtap="casedetai......
  • JavaScript(JS) 数组
    ​ JavaScript数组是一个可变长度的对象,用于存储多个值。数组的值可以是任何类型,包括数字、字符串、对象、函数等。参考文档:JavaScript(JS)数组-CJavaPy1、创建数组可以使用以下方式创建数组:使用方括号[]来创建一个空数组:JavaScriptconstarr=[]; 使用 A......
  • JSONPATH-阿里和jayway的实现测试
    业务业务的需要,所以想找一个从对象中获取属性的工具。搜了搜发现由阿里和jayway的实现,又花费了一些时间了解和练习,总结了一些要点:阿里的可能快一些,但考虑到完备性,也许选择jayway更好一些。本文档参考了以下URL:JaywayJsonPath介绍_com.jayway.jsonpath-CSDN博客FASTJSON2JSO......
  • VUE框架引入Vue3与Vue3和Vue2在main.js里的区别------VUE框架
    //不再引入vue了,Vue3中,引入了一个createApp函数,可以创建APP对象import{createApp}from'vue';//引入了一个根组件AppimportAppfrom'./App.vue';//这行代码创建了一个APP对象,类似于之前vue2的vm对象//app比vm更加轻便,代价是属性要少constapp=createApp(A......