位置: IT常识 - 正文

js路由跳转的几种方式以及介绍(js前端路由)

编辑:rootadmin
js路由跳转的几种方式以及介绍

推荐整理分享js路由跳转的几种方式以及介绍(js前端路由),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js路由跳转的几位密码,js前端路由,js实现路由,js跳转路径,html 路由跳转,js实现路由,js 路由跳转,js 路由跳转,内容如对您有帮助,希望把文章链接给更多的朋友!

第一种:(跳转到b.html)

<script language="javascript" type="text/javascript"> window.location.href="b.html"; </script>

第二种:(返回上一页面)

<script language="javascript"> window.history.go(-1); </script>

第三种:

<script language="javascript"> window.navigate("b.html"); </script>Location href 属性

href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL。

Location 对象

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分,可通过 **window.location.**xxx 格式的相关属性对其进行访问。

href 是返回一个完整的url地址 ( 返回完整的URL)

History 对象js路由跳转的几种方式以及介绍(js前端路由)

History 对象包含用户(在浏览器窗口中)访问过的 URL。

History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。

History 对象方法方法说明back()加载 history 列表中的前一个 URLforward()加载 history 列表中的下一个 URLgo()加载 history 列表中的某个具体页面Screen 对象

Screen 对象包含有关客户端显示屏幕的信息。

Screen 对象属性属性说明availHeight返回屏幕的高度(不包括Windows任务栏)availWidth返回屏幕的宽度(不包括Windows任务栏)colorDepth返回目标设备或缓冲器上的调色板的比特深度height返回屏幕的总高度pixelDepth返回屏幕的颜色分辨率(每象素的位数)width返回屏幕的总宽度使用 JS 实现页面跳转的几种方式总结

第一种:使用JS跳转页面

1)跳转带参

<script language="javascript" type="text/javascript"> window.location.href="jingxuan.do?backurl=" + window.location.href; </script>

2)跳转无参

<script>window.location.href='http://blog.yoodb.com';</script>

第二种:返回上一次预览界面

<script language="javascript"> alert("返回"); window.history.back(-1); </script>

HTML页面嵌套

<a href="javascript:history.go(-1)">返回上一步</a> <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

第三种:button按钮添加事件跳转

<input name="前端知音" type="button" value="前端知音" onClick="location.href='login.do'">

第四种:在新窗口打开

 <a href="javascript:" onClick="window.open('login.do','','height=500,width=611,scrollbars=yes,status=yes')">新窗口</a>

第五种:通过meta设置跳转页面

<head> <!--只刷新不跳转 --> <meta http-equiv="refresh" content="5"> <!--定时跳转 --> <meta http-equiv="refresh" content="5;url=index.html"> </head>JavaScript Window Location

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

本文链接地址:https://www.jiuchutong.com/zhishi/297581.html 转载请保留说明!

上一篇:Jupyter的使用(jupyter用法)

下一篇:js数组常用方法(19种)|你会的到底有多少呢?(js数组常用方法有哪几种)

  • 网络营销5大原则,一种就能让你成功(网络营销5大原则是什么)

    网络营销5大原则,一种就能让你成功(网络营销5大原则是什么)

  • excel分类汇总如何使用(excel分类汇总)(excel分类汇总如何分类二列)

    excel分类汇总如何使用(excel分类汇总)(excel分类汇总如何分类二列)

  • 魅族 18 Pro支持的视频频格式有哪些(魅族18pro支持多少倍变焦)

    魅族 18 Pro支持的视频频格式有哪些(魅族18pro支持多少倍变焦)

  • vivo x50配有几种颜色(vivo的x50)

    vivo x50配有几种颜色(vivo的x50)

  • 苹果如何设置自动开机(苹果如何设置自动关机)

    苹果如何设置自动开机(苹果如何设置自动关机)

  • 戴尔怎么看有没有键盘灯(戴尔怎么看有没有开独显)

    戴尔怎么看有没有键盘灯(戴尔怎么看有没有开独显)

  • 快手星座怎么取消(快手怎么弄掉星座)

    快手星座怎么取消(快手怎么弄掉星座)

  • 虎牙直播写作业是什么意思(虎牙直播写作业是什么意思还跟你要微信语音聊天)

    虎牙直播写作业是什么意思(虎牙直播写作业是什么意思还跟你要微信语音聊天)

  • 苹果11微信三全音改不了吗(苹果微信三全音改不掉吗)

    苹果11微信三全音改不了吗(苹果微信三全音改不掉吗)

  • 抖音评论隐藏功能(抖音评论隐藏了怎么设置出来)

    抖音评论隐藏功能(抖音评论隐藏了怎么设置出来)

  • iphonese2是双卡双待么(苹果se2是双卡双待)

    iphonese2是双卡双待么(苹果se2是双卡双待)

  • 视频脚本是什么(短视频脚本生成器)

    视频脚本是什么(短视频脚本生成器)

  • 手写板和数位板的区别(手写板和数位板哪个好用)

    手写板和数位板的区别(手写板和数位板哪个好用)

  • 苹果手机整个没有声音了(苹果手机突然没)

    苹果手机整个没有声音了(苹果手机突然没)

  • 单片机开发软件有哪些(单片机开发软件的使用)

    单片机开发软件有哪些(单片机开发软件的使用)

  • 戴尔笔记本充电器是不是通用的(戴尔笔记本充电器插上电源灯亮一下就灭了)

    戴尔笔记本充电器是不是通用的(戴尔笔记本充电器插上电源灯亮一下就灭了)

  • 苹果7相机声音怎么关(苹果7相机声音怎么开启)

    苹果7相机声音怎么关(苹果7相机声音怎么开启)

  • 抖音商品橱窗佣金多少(抖音商品橱窗佣金多久可以提现)

    抖音商品橱窗佣金多少(抖音商品橱窗佣金多久可以提现)

  • 应用未安装什么意思(应用未安装什么意思?三星)

    应用未安装什么意思(应用未安装什么意思?三星)

  • 拼多多拍错了怎么取消(拼多多拍错了怎么办)

    拼多多拍错了怎么取消(拼多多拍错了怎么办)

  • 淘宝直播怎么增加助力值(淘宝直播怎么增加管理员)

    淘宝直播怎么增加助力值(淘宝直播怎么增加管理员)

  • 刚打电话就显示通话结束(打电话老是显示)

    刚打电话就显示通话结束(打电话老是显示)

  • 华为无线耳机一个响一个不响(华为无线耳机一个响一个不响怎么办)

    华为无线耳机一个响一个不响(华为无线耳机一个响一个不响怎么办)

  • 荣耀9x支持nfc功能吗(荣耀9x有nfc么)

    荣耀9x支持nfc功能吗(荣耀9x有nfc么)

  • 微信怎么放到桌面(微信怎么放到桌面上面)

    微信怎么放到桌面(微信怎么放到桌面上面)

  • win10蓝屏无法进入系统(win10蓝屏无法进入疑难解答界面)

    win10蓝屏无法进入系统(win10蓝屏无法进入疑难解答界面)

  • iphone xs max长宽(iphone xs max尺寸长宽厘米)

    iphone xs max长宽(iphone xs max尺寸长宽厘米)

  • cad等分点命令(cad等分点命令行)

    cad等分点命令(cad等分点命令行)

  • 找不到网络打印机(网络打印机找不到网络路径)

    找不到网络打印机(网络打印机找不到网络路径)

  • PSD 格式文件除了 PS ,还能用什么软件打开?(psd格式文档)

    PSD 格式文件除了 PS ,还能用什么软件打开?(psd格式文档)

  • 无人驾驶学习笔记-LeGO-LOAM 算法源码学习总结(无人驾驶基础知识)

    无人驾驶学习笔记-LeGO-LOAM 算法源码学习总结(无人驾驶基础知识)

  • MaxENT生态位模型:建模、参数优化、个性化分析(生态位模型原理)

    MaxENT生态位模型:建模、参数优化、个性化分析(生态位模型原理)

  • 企业计提增值税 附加税
  • 当月开票可以当月缴税吗
  • 控股子公司增资扩股
  • 预付加油卡发票可以报销吗
  • 退运出口货物的报关流程
  • 工资和社保计提和发放账务处理
  • 运费客户承担钱销售员垫付冲应收怎么处理?
  • 委托出口退税账务处理
  • 开具的发票是否为印花税的应税凭证?
  • 企业股权无偿划转是否征税
  • 新会计准则要求
  • 营改增后房地产开发企业需要交哪些税?
  • 异地工程预缴个税
  • 小规模附征税减半吗亲
  • 无形资产摊销金额计入什么科目
  • 增值税专用发票丢失了要怎么处理
  • 哪些人可以享受4050社保补贴
  • 个人所得税app入职时间不对
  • 管家婆已过账销售单如何删除
  • 保险公司代收车船税完税证明在哪里打印
  • 2019一般纳税人和小规模纳税人的区别
  • 电信网费普通发票税率为什么是0
  • 税务师如何办理入会
  • 税控专用设备全称是什么
  • mac更新系统版本
  • 新版edge浏览器兼容ie
  • 水土保持补偿费收费依据
  • 小规模防伪税控服务费280元
  • win7系统中怎么找不到投影仪
  • php数组函数输出《咏雪》里有多少"片"字
  • win11怎么清理电脑垃圾
  • thinkphp uuid
  • 存货按实际成本计价是指每种存货的收发结存
  • 房地产行业预售制度
  • 直布罗陀巨岩山
  • Xpath元素定位之同级节点,父节点,子节点
  • 建筑服务需要开外经证吗
  • php日期差
  • php连接mysql数据库步骤正确的是
  • 用友自动生成凭证怎么操作
  • 对于企业无法支付的应付账款
  • 解决什么情况
  • 坏账准备的账务处理例题
  • 其他机械和设备修理业包括哪些
  • 进项税额转出月底需要结转吗
  • 季节性停工计入当期损益吗
  • Linux下MySQL数据库的主从同步复制配置
  • 玩转mongodb4.0从入门到实践
  • 农产品增值税免税备案资料
  • 煤炭企业所得税税率新疆
  • 异地多缴纳预缴税怎么退
  • 交易性金融资产的账务处理
  • 损益类账户怎么记入总账
  • 培训学校的主营业务是什么
  • 专票红冲信息表填开显示红字信息表金额大于蓝色金额
  • 上月发票如何冲红
  • 房地产企业沙盘模拟
  • 逾期贷款利息收入增值税和企业所得税纳税义务时间
  • 预付账款科目的余额如果在借方,则在资产负债表上
  • 分公司设立条件怎么写
  • 租赁房屋期间发生事故谁负责
  • microsoft skypeapp
  • Win10如何打开软键盘
  • cocos2dx用checkbox实现单选框和button实现table按钮
  • Windows下自动备份MongoDB的批处理脚本
  • js 数组 增加元素
  • node+express+ejs制作简单页面上手指南
  • 批处理实现电脑登陆二次验证
  • 判断一个点在三角形内部
  • python多线程作用
  • javascript可以制作哪些游戏?
  • jquery正则表达式的用法
  • 置顶怎么设置
  • javascript常用类型
  • JavaScript的removeChild()函数用法详解
  • 浙江省电子税务局手机开票入口
  • 营改增后一般纳税人动产租赁税率
  • 陕西省医保缴费截止日期2024
  • 五联发票每一联的作用
  • 公司业务专用章有法律作用吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设