位置: 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数组常用方法有哪几种)

  • du会员自动续费怎么取消(怎么取消百度du会员自动续费)

    du会员自动续费怎么取消(怎么取消百度du会员自动续费)

  • 手机照片怎么变成扫描件(手机照片怎么变成白底)

    手机照片怎么变成扫描件(手机照片怎么变成白底)

  • 饿了么账单在哪看(饿了么账单在哪里看年度账单)

    饿了么账单在哪看(饿了么账单在哪里看年度账单)

  • 淘宝收货多久自动确认收货(淘宝收货后多久会自动确认收货)

    淘宝收货多久自动确认收货(淘宝收货后多久会自动确认收货)

  • 十进制基符有几个(10进制的基符)

    十进制基符有几个(10进制的基符)

  • 微信文件没下载过期了(微信文件没下载完)

    微信文件没下载过期了(微信文件没下载完)

  • 手机qq不是好友怎么发信息(手机qq不是好友能发文件吗)

    手机qq不是好友怎么发信息(手机qq不是好友能发文件吗)

  • qq数据漫游是什么意思(qq聊天数据漫游在哪)

    qq数据漫游是什么意思(qq聊天数据漫游在哪)

  • 天猫保价多少天(天猫保价多少天 包括双11)

    天猫保价多少天(天猫保价多少天 包括双11)

  • vivov1962a是什么手机(vivov1965a是什么手机)

    vivov1962a是什么手机(vivov1965a是什么手机)

  • 荣耀v30发热严重怎么办(荣耀v30发热严重怎么回事)

    荣耀v30发热严重怎么办(荣耀v30发热严重怎么回事)

  • qq标识小海螺是什么(qq海螺是什么意思)

    qq标识小海螺是什么(qq海螺是什么意思)

  • x和xs黑边一样大吗(xs的黑边是不是比x窄)

    x和xs黑边一样大吗(xs的黑边是不是比x窄)

  • 恩科蓝牙耳机怎么只有一个有声音(恩科蓝牙耳机怎么配对双耳)

    恩科蓝牙耳机怎么只有一个有声音(恩科蓝牙耳机怎么配对双耳)

  • vivo手机查使用记录(vivo手机查使用历史记录)

    vivo手机查使用记录(vivo手机查使用历史记录)

  • 京东取消订单退款多久到账(京东取消订单退款流程)

    京东取消订单退款多久到账(京东取消订单退款流程)

  • 抖音时间锁密码忘了(抖音时间锁密码忘记了怎么关闭)

    抖音时间锁密码忘了(抖音时间锁密码忘记了怎么关闭)

  • 抖音怎样让对方取消关注我(抖音怎样让对方看不到我在线)

    抖音怎样让对方取消关注我(抖音怎样让对方看不到我在线)

  • 拼多多怎么查全年消费(拼多多怎么查全部订单记录)

    拼多多怎么查全年消费(拼多多怎么查全部订单记录)

  • 微信如何举报人封号(微信举报平台)

    微信如何举报人封号(微信举报平台)

  • 微信刚解封要注意什么(微信解封了需要注意什么嘛)

    微信刚解封要注意什么(微信解封了需要注意什么嘛)

  • 携程购票如何取消套餐费用(携程购票如何取票)

    携程购票如何取消套餐费用(携程购票如何取票)

  • 华为手环3e能不能测心率(华为手环3e只能连华为手机吗)

    华为手环3e能不能测心率(华为手环3e只能连华为手机吗)

  • 苹果未信任app如何恢复(iphone 未信任应用)

    苹果未信任app如何恢复(iphone 未信任应用)

  • 抖音点赞立马取消对方知道吗(抖音点赞立马取消有显示吗)

    抖音点赞立马取消对方知道吗(抖音点赞立马取消有显示吗)

  • QQ音乐怎样截取歌曲(qq音乐怎么截取音乐的一部分)

    QQ音乐怎样截取歌曲(qq音乐怎么截取音乐的一部分)

  • 快影如何去掉原声(快影如何去掉原字幕)

    快影如何去掉原声(快影如何去掉原字幕)

  • 升级macOS Catalina没有iTunes如何给手机备份升级刷固件?(升级打装备的手游)

    升级macOS Catalina没有iTunes如何给手机备份升级刷固件?(升级打装备的手游)

  • 城建税计税依据公式
  • 电商行业会计核算的特点
  • 公司有流水不申报会怎么样
  • 企业所得税汇算清缴操作流程
  • 民办非企业捐赠承诺书
  • 所得税季报中营业外收入填哪里
  • 汽车牌照费用标准
  • 一季度计提的所得税分录
  • 从租计征的房产税纳税期限
  • 员工午餐费要交个税吗
  • 房屋出租怎么交税?
  • 上季度开的发票这季度冲红怎么做会计分录?
  • 印花税一个月一报吗
  • 境外企业提供国外服务
  • 日常生活中各种仪式
  • 无形资产研究阶段的支出全部费用化
  • 个人独资企业个人所得税核定征收
  • 以前年度长期股权投资漏记调整
  • 报废资产处置收入怎么计税
  • 软件维护费可以出维护人员工资吗?
  • 企业缴印花税分录
  • 启用新账簿
  • 发票过期一年可以用吗
  • 私立医院适用什么法律
  • 监控系统施工费用包括哪些内容
  • 公司预付的货款怎么做账
  • 公积金提前扣下个月
  • 权利,许可证照印花税
  • 主板外部接口是用来连接
  • 主管会计的具体工作
  • 2023个人出租房屋房产税
  • 行政事业单位公车使用制度
  • PHP:xml_set_unparsed_entity_decl_handler()的用法_XML解析器函数
  • php递归函数遍历数组
  • pniopcacexe是什么进程
  • 临时用工怎样做账
  • 存货跌价准备的计提
  • 房地产企业的沙盘模型制作费会计处理
  • 应收票据到期收款
  • 企业实行股权激励的作用
  • 已收到材料至月末仍未收到发票账单
  • 以前年度损益调整在利润表中怎么填
  • grpc 调试工具
  • 初级会计直线法摊销
  • 若依idea
  • 什么是政府项目档案
  • 要求供应商赔偿说明函范本
  • python的继承用法
  • 发票一式两联
  • 物业广告怎么收费
  • 小规模纳税人结转增值税的账务处理
  • 核定征收无收入
  • 机票的退票费可以开具发票吗
  • 专利年费 缴纳
  • 房地产毛利额纳税调整
  • 什么是存货周转天数
  • 电商刷单的成本如何处理?
  • 工程外管核销报告范本
  • 本年利润的会计科目代码
  • 装饰公司收到的礼品
  • 财政返还什么意思
  • 食品生产企业成本怎么核算
  • 商业企业包装物包括哪些
  • Mysql优化sql方案
  • solaris开放指定端口
  • win8.1系统没有wifi怎么办
  • win102020h2
  • win7系统点击桌面图标闪退
  • 微软将为11增加AI助手
  • opengl 3d engine
  • android项目总结
  • 项目部不足和改进
  • css中边界margin的多种定义方法
  • javascript的基本数据
  • 详解linux设备
  • nginx 执行shell
  • python的应用程序
  • jquery查找当前元素的父元素
  • 改税务报表会有限风险吗
  • 内蒙古一般纳税人查询网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设