iframe通过锚点控制父页面的位置

最新推荐文章于 2022-11-22 14:34:50 发布
原创 最新推荐文章于 2022-11-22 14:34:50 发布 · 360 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Linux

本文介绍了一种使用iframe内的子页面控制父页面滚动位置的方法。通过在子页面的<body>标签中添加特定的onload事件，可以实现对父页面中指定锚点的定位。

比较鸡肋的东东，不过还是碰见了，记下来
iframe通过锚点控制父页面的位置,答案就是在iframe中的子页面中加上代码(top是父级页面的锚点名称)：

 

 

<body onload="parent.location.hash='top'">
 

 

来源于：http://www.lslnet.com/linux/dosc1/48/linux-327672.htm

iframe框架，，原生js路由
m0_61016904的博客
06-19 1013
该标签规定一个内联框架。被用来在当前 HTML 文档中嵌入另一个文档。可以把需要的文本放置在 和 之间3.(1) 获得iframe的window对象 (2) 获得iframe的document对象 (3) iframe中获得父页面的window对象(4) 获得iframe在父页面中的html标签(5) iframe的onload事件 二、原生js路由 🎗 展示层面也就是切换 # 后面的内容，呈现给用户不同的页面特性：可以通过 hashchange 事件，监听到 hash 值的变化，从而响应不同路径的.
父页面操作iframe中子页面的锚点
Mchange的专栏
09-04 1896
父页面： a.html a b 子页面：xibei.html AAAAAAAAAAAAAAAAAAAAAAAAAAA a a a a a a a a BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB a a a
js jquery IFrame父子页面处理 以及锚点 理解
wangzhantao的专栏
08-07 592
parent.frames["frameName"].window.functionName(); frameName:IFrame的ID; funtionName:子页面中JS方法名; var obj = parent.frames["frameName"].window; 在父页面访问子页面中某个控件如:obj.document.getElementById('clientID...
在iframe下的页面锚点失效问题，用jquery进行修复
xiaozhen0610的博客
06-13 924
应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。 解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。 遇到问题：获取父窗体元素（因为有域限制，所有需要在网络环境下方位（即http://domain.com））；父窗体嵌套多个iframe，判断是否是当前iframe页面。 代码： 父窗体页面 index.html &l
在iframe外部给iframe添加锚点
城北荆无命的博客
05-30 1610
锚点的操作是实现类似于word的导航栏的功能的基本思路 当前页面使用锚点的话可以使用 1.html的<a>的方式来实现 设置锚： 1 <a href="#mao" rel="external nofollow" >&nsbp;</a> 设置点：(为了浏览器兼容性，id和name一起设置) 1 ...
解决iframe下页面锚点链接跳转当前页面组件后页面父布局错乱问题
hexianfan的博客
11-22 355
解决iframe下页面锚点链接跳转当前页面组件后页面父布局错乱问题
【技术细节】：iframe与父页面通信的事件机制深入解析
本文深入探讨了iframe与父页面之间的通信机制，特别是跨域通信的挑战与实践策略。首先，介绍了同源策略对iframe通信的限制，并探讨了基本的事件通信方法。随后，文章深入分析了跨域通信的必要条件，如CORS策略，以及...
如果要控制不同页面的重复部分，HTMLcss怎么使用iframe
06-06
如果要控制不同页面的重复部分，可以使用iframe来引入公共的HTML、CSS和...需要注意的是，通过iframe引入的公共部分可能会受到浏览器的限制，例如无法在父页面中操作子页面的元素或变量，需要使用JavaScript来实现。
禁止iframe页面跳转的所有页面刷新
03-31
为了防止 `iframe` 内部页面跳转引起父页面的刷新，可以通过 JavaScript 动态监听并控制 `iframe` 的行为。以下是具体的解决方案： #### 方法一：拦截 `iframe` 的导航事件 现代浏览器支持 `beforeunload` 和 `...
锚点标签a的target属性具体使用方法详解
最新发布
07-14
在HTML（超文本标记语言）中，锚点...HTML标签的target属性是控制链接打开位置的重要工具，正确使用可以帮助用户更好地导航和浏览网页。开发者应该根据实际的页面布局和用户体验需求，合理地使用target属性的不同值。
解决iframe内部使用锚点定位，引起浏览器滚动条上移问题
ajujuju的博客
06-05 1931
说一下问题描述： 父页面为一个.html文件，内部使用iframe标签嵌套一个使用vue开发的网站。在vue内部使用锚点定位时，定位到的内容没有与iframe的顶部对齐；而是与浏览器顶部对齐；导致父页面向上滚动 父页面： 子页面（vue）： 解决方案： 使用jquery的平滑滚动 解决步骤： 1、在vue项目中引入jquery 使用命令：npm install jquery --save；安装完毕后在pakage.json中的dependencies中...
Chrome下, iframe中PageUp时导致父/祖先元素显示错位
FuDesign2008的专栏
05-05 2856
Chrome下, iframe中PageUp时导致父/祖先元素显示错位的问题分析与解决 问题 实际工作中发现, 在Chrome浏览器下, 在iframe中按PageUp键, 会导致父元素显示错位. 如下图: 此时获取父元素的scrollTop, 值为1. 以下是实例代码: Editor Demo
使用iframe嵌套页面，在点击父页面的链接时,子页面动态变化
08-07 2980
使用iframe嵌套页面，在点击父页面的链接时，（1）不会刷新；（2）可以刷新。原因不详 （1）self.parent.frames["frameId"].document.location.href = url; （2）window.self.parent.document.getElementById("frameId").src = url;  ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值