关于html页面跳转在js中控制多层页面使用herf跳转的继承关系说明

最新推荐文章于 2022-03-03 00:43:10 发布
最新推荐文章于 2022-03-03 00:43:10 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： Web开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/misterdongjing/article/details/89543100
版权

在网页跳转中经常需要用代码控制页面的跳转，但是herf控制的是当前页面跳转，如果有嵌套关系的话，值跳转当前页面，如果想让整个页面跳转到指定页面，就需要了解herf的继承关系中的层级控制属性

 

最上层，也就是整个页面跳转使用 

top.location.href =

直接父级页面跳转使用

parent.location.href

当前层跳转使用

window.location.href
Grass_allan
关注
专栏目录
html+css+js基础问答
qq_43751465的博客
08-26 5243
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
前端三大技术 HTML、CSS、JavaScript 快速入门手册
实验楼--动手做实验，轻松学IT！
02-13 1798
听到前端技术，不少朋友一定会感到有些陌生。但其实，前端，你每天都在接触。 你正在使用的APP，你正在浏览的网页，这些你能看到的界面，都属于前端。 而前端最重要的三大技术，HTML，CSS，JavaScript，则是每一个前端开发者必须具备的技能。 掌握这些技能，你可以快速地做出一个酷炫的APP界面或者一个简单大方的网站页面。因此，就让我们一起来快速学习一下这三门技术吧。 以下内容节选自课程《Vu...
js href的用法
12-09
“[removed].href”、”location.href”是本页面跳转 “parent.location.href”是上一层页面跳转 “top.location.href”是最外层的页面跳转 举例说明： 如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 “[removed].href”、”location.href”：D页面跳转 “parent.location.href”：C页面跳转 “top.location.href”：A页面跳转 如果D页面中有form的话, <form>: form提交后D
纯html+css+js实现楼层跳转
杨星的博客
05-25 312
代码实现以及注释 <!DOCTYPE html> <html> <head> <title>楼层跳跃式的页面布局</title> <meta charset="utf-8"> <style type="text/css"> *{ margin: 0; padding: 0; } body, html{ height: 100%; } ul{ list-style: none.
js 控制框架页面跳转 top.location.herf = “url“
qq_45086968的博客
07-01 1100
top.location.href和localtion.href有什么不同 top.location.href=”url” 在顶层页面打开url（跳出框架） self.location.href=”url” 仅在本页面打开url地址 parent.location.href=”url” 　 在父窗口打开Url地址 　　 this.location.href=”url” 　　 用法和self的用法一致 if (top.location == self.locati
关于js中"window.location.href"、"location.href"（转载）
bluend1004的专栏
04-30 217
关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "to
HTML5、CSS、JS基础
qq_49101841的博客
03-03 2275
学习笔记
让你的thinkphp支持嵌套继承模板
bestcjt的博客
11-13 4040
最近想把后台重写一下，不想再用iframe了，用整页跳转的，当然想到的就是把之前那些固定的菜单做成一个模板，然后挖坑，内容页就填充到坑里 thinkphp里面有模板继承的功能 extend，可我发现它居然不支持嵌套继承 比如我写一个只加载bootstrap框架的basic页basic.html（放在Common/View/Boot/basic.html） -
HTML+CSS难易错点总结归纳（S1）
ege_irjhbbb的博客
02-21 205
S1学期之HTML难易错点总结 目录 S1学期之HTML难易错点总结 HTML篇 标签 语义化标签 标题标签 ` - ` 布局标签（结构化语义标签） 常见的几种图片格式 音视频标签 文档流（normal flow） CSS篇 选择器的权重 长度单位 元素的水平方向布局 外边距的折叠（重叠） 浮动元素 高度坍塌问题 定位 HTML篇 标签 <meta>标签：用于设置网页中一些元数据1，该标签处于网页的head标签内部
controll层跳转页面_js 控制页面跳转的5种方法
weixin_33279929的博客
12-24 762
第一种：window.location.href="login.jsp?backurl="+window.location.href;第二种：alert("返回");window.history.back(-1);第三种：window.navigate("top.jsp");第四种：self.location='top.htm';第五种：alert("非法访问！");top.location='x...
html继承有哪几种方式,JS实现继承的几种常用方式示例
weixin_32723617的博客
06-23 920
本文实例讲述了JS实现继承的几种常用方式。分享给大家供大家参考，具体如下：1，原型链继承原型链继承/*** 优点：* 实例是父类的实例也是子类的实例* 父类新增原型方法或者原型属性 子类都能访问到* 简单 易于实现* 缺点：* 无法实现多继承* 来自原型对象的引用属性和实例是所有子类共享的* 创建子类实例的时候，无法向父构造函数传参* 可以在Cat构造函数中，为Cat实例增加实例属性。如果要新增原...
jsp，js，outprintln中herf链接带参数写法
comever的专栏
10-04 3208
最近在 一、jsp中链接带参数 1.1 带一个参数 href="a.jsp?id=
js绑定链接（href）
图纸的博客
03-29 1780
js提交a标签中的href地址
Jim Suen
11-08 4441
场景： 项目中有一个删除是直接用的a标签的href和jinja的url_for+删除操作的路由地址实现删除操作 &lt;a href="url_for('admin.area_delete',id=id)" class='btn btn-xs btn-danger'&gt; &lt;i class='btn btn-xs btn-danger'&gt;&lt;/i&gt; &lt;/a&gt; ...
JS 获取href带参数跳转的值
weixin_42307129的博客
10-20 8219
//var i = 1; //var j = 2; //用法(1) local.href = "xxx.html?id=1" //用法(2) local.href = "xxx.html?id=" + i //用法(3) local.href = "xxx.html?id=" + i "&amp;j=" j function getUrlParam(name) { //构造一个含有目标...
herf js 提示
li20040723的专栏
05-05 628
[结算]
<a>标签中的href如何调用js代码
热门推荐
zhangshuang92的博客
01-13 5万+
在HTML中，标签的href属性用于指定超链接的目标的URL。在所有浏览器中，链接的默认外观是： 未被访问的链接带有下划线而且是蓝色的已被访问的链接带有下划线而且是紫色的活动链接带有下划线而且是红色的（注：活动链接是“正在被打开的链接”） 示例如下所示： 本文本 是一个指向本网站中的一个页面的链接。 本文本 是一个指向万维网上的页面的链接。 当标签调用JS中的代码时，有
用js控制a标签href属性并实现跳转
66
04-30 5万+
由于项目改动，主要由于页面基类中重写OnInit()事件中添加是否首次访问网站：//检查是否首次访问本网站if (HttpContext.Current.Request.UrlReferrer == null){ // Code...}  原先使用的js控制的语句跳转使HttpContext.Current.Request.UrlReferrer失效，导致错误
使用auto.js自动跳转京东特定页面教程
"该资源提供的是使用auto.js脚本实现跳转到京东App内特定页面的方法，特别是针对商品详情页、东东农场、种豆得豆、宠汪汪、东东萌宠、天天加速和签到页面的跳转代码。通过使用特定的意图scheme（intent scheme），...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值