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

  • 红米note11pro支持wifi6吗(红米note11pro支持无线充电吗)

    红米note11pro支持wifi6吗(红米note11pro支持无线充电吗)

  • 华为p40什么屏幕(华为p40什么屏幕耐摔吗)

    华为p40什么屏幕(华为p40什么屏幕耐摔吗)

  • 荣耀20指纹在哪解锁(荣耀20指纹识别在哪里)

    荣耀20指纹在哪解锁(荣耀20指纹识别在哪里)

  • 拼多多一刀砍成什么时候用(拼多多一刀砍成免费拿)

    拼多多一刀砍成什么时候用(拼多多一刀砍成免费拿)

  • 京东闪电退款退到哪里呀(京东闪电退款后还能划走钱吗)

    京东闪电退款退到哪里呀(京东闪电退款后还能划走钱吗)

  • 华为什么手机支持lr键(华为什么手机支持车载无线充电)

    华为什么手机支持lr键(华为什么手机支持车载无线充电)

  • 快手订单删除了还能找到吗(快手订单删除了怎么删除评价记录)

    快手订单删除了还能找到吗(快手订单删除了怎么删除评价记录)

  • n4100相当于什么处理器(n4100是几代处理器)

    n4100相当于什么处理器(n4100是几代处理器)

  • 手机标准版和预售版的区别(手机标准版什么区别)

    手机标准版和预售版的区别(手机标准版什么区别)

  • excel排序为什么其他列不动(excel排序为什么是1 10 100)

    excel排序为什么其他列不动(excel排序为什么是1 10 100)

  • 台式电脑8g内存够吗(台式电脑8g内存条多少钱)

    台式电脑8g内存够吗(台式电脑8g内存条多少钱)

  • 支付宝好友怎么知道有没有被删(支付宝好友怎么拉黑名单)

    支付宝好友怎么知道有没有被删(支付宝好友怎么拉黑名单)

  • 手机怎么清理垃圾不卡(手机怎么清理垃圾才干净)

    手机怎么清理垃圾不卡(手机怎么清理垃圾才干净)

  • 苹果a1700是什么版本(苹果A1700是什么版本的配置)

    苹果a1700是什么版本(苹果A1700是什么版本的配置)

  • 查看wifi路由器显示unknow(查看wifi路由器地址)

    查看wifi路由器显示unknow(查看wifi路由器地址)

  • 老版ipad4能用电容笔吗(老款ipad4)

    老版ipad4能用电容笔吗(老款ipad4)

  • 为什么手机网络连接正常却上不了网(为什么手机网络总是断断续续的)

    为什么手机网络连接正常却上不了网(为什么手机网络总是断断续续的)

  • 相机九宫格怎么设置(相机九宫格怎么关闭)

    相机九宫格怎么设置(相机九宫格怎么关闭)

  • 手机号怎么换绑身份证(银行卡手机号怎么换绑)

    手机号怎么换绑身份证(银行卡手机号怎么换绑)

  • 苹果x怎么弄指纹密码(苹果x怎么弄指纹设置)

    苹果x怎么弄指纹密码(苹果x怎么弄指纹设置)

  • 苹果11有led闪光灯吗(苹果11led闪光灯怎么设置)

    苹果11有led闪光灯吗(苹果11led闪光灯怎么设置)

  • ppt2007没保存怎么办(ppt 没保存)

    ppt2007没保存怎么办(ppt 没保存)

  • soul查看主页有记录吗(soul查看主页有提示吗)

    soul查看主页有记录吗(soul查看主页有提示吗)

  • 什么是徕卡双摄(徕卡双a)

    什么是徕卡双摄(徕卡双a)

  • 微信商户平台在哪里(怎么开通微信小商店)

    微信商户平台在哪里(怎么开通微信小商店)

  • 小度要一直插电源吗(小度一直插电会坏吗)

    小度要一直插电源吗(小度一直插电会坏吗)

  • 小米9电池多大(小米电池多大容量好一点)

    小米9电池多大(小米电池多大容量好一点)

  • Vue-CLI 项目搭建(用vue-cli搭建项目)

    Vue-CLI 项目搭建(用vue-cli搭建项目)

  • 一般纳税人企业所得税是多少
  • 受托代销商品款是什么科目
  • 农业生产成本二级科目有福利费支出吗
  • 美容行业如何做活动
  • 已抵扣发票冲红会计分录
  • 培训机构开发票不能开公司抬头吗
  • 别人给开的普通发票能抵扣多少税
  • 以前年度的所得税要补缴怎么办
  • 小企业会计准则会计科目表
  • 工业企业会计报告
  • 固定资产减少会怎么样
  • 驾校挂靠车辆账务处理?
  • 汇票本票的区别
  • 进口缴纳关税
  • 房地产企业交房时如何开票
  • 企业的完工产品是指
  • 行政相对人和行政管理相对人的区别
  • 挂靠费如何纳税?
  • 进项税额转出怎么申报
  • 本期认证本期不抵扣下月再抵扣
  • 孵化器虚拟地址多少钱一个啊
  • 增值税纳税申报表在哪里打印
  • 银行利息现金流量表什么科目
  • 付款时收到应收票据会计分录怎么做?
  • 公司注销必须要清算报告吗
  • 预计毛利率
  • 华为鸿蒙系统网速慢怎么解决
  • 车船税收费标准2023年多少钱
  • 损益类科目反映企业在一定期间内利润或亏损,可以分为
  • 餐费发票可以抵扣成本吗
  • 如何开启系统自带杀毒软件
  • 五彩鲍鱼的做法
  • php获取访问用户的ip
  • php删除数据
  • php函数写法
  • php正则表达式匹配字符串
  • 真实世界人工智能
  • vue中$route
  • 如何正确配置防火墙安全策略
  • 应付票据核算的内容
  • 公司让员工提前离职,可以结清工资吗
  • 工资费用核算
  • mysqlbinlog -vvv
  • mysql千万级数据group by
  • MongoDB的Master-Slave主从模式配置及主从复制要点解析
  • 大学生创新创业平台
  • 一般项目的进项税和即征即退进项税
  • 职工教育经费包括住宿费吗
  • 投资性房地产对外出租的账务处理
  • 背书转让流程图
  • 投资管理公司怎么收费
  • 购置环保设备一次性扣除
  • 期权费如何入账
  • 合伙企业怎么建账
  • 地下车库的成本包括哪些
  • 提前报废固定资产需要补提折旧
  • 企业购入投资性房地产
  • 军工科研事业单位会计制度
  • 投资入股行为
  • mysql怎么删除一定数量的记录
  • 教你怎么使用加油机
  • Centos7 下Mysql5.7.19安装教程详解
  • wps.exe是什么
  • 复制电脑系统
  • mfc100udll
  • winxp系统怎么设置默认账户登入
  • windows10周年更新
  • linux 文件命名
  • ps显示操作步骤
  • spoffice是什么意思
  • 使用时间
  • 创建ie浏览器
  • shell命令读取文件并新增另一文件到指定行
  • python-flask
  • jquery easyui datagrid实现增加,修改,删除方法总结
  • 青岛崂山区税务局官网
  • 以房产作价投资入股如何处理
  • 车辆购置税已缴款未入库可以上牌吗
  • 无锡车辆购置税缴纳地点
  • 土地税是怎么缴纳按什么缴纳
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设