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

最新推荐文章于 2022-11-22 14:34:50 发布
最新推荐文章于 2022-11-22 14:34:50 发布
阅读量299 收藏
点赞数
分类专栏： 随笔 文章标签： Linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/caiceclb/article/details/83406071
版权

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

 

 

<body οnlοad="parent.location.hash='top'">
 

 

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

caiceclb
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅析location.href跨窗口调用函数
09-01
- `parent.parent.location.href`: 如果当前页面在一个嵌套的iframe中，可以通过这种方式访问更上一级的父窗口并进行跳转。 此外，还提供了一个名为`ParentRun`的函数，用于在子iframe中弹出警告框，显示“儿子...
html文档中的location对象属性理解及常见的用法
09-04
- 子页面刷新父页面：`parent.location.reload()` 或 `self.opener.location.reload()`。 - **URL替换与导航**： - `location.replace(url)`：加载新的URL并替换当前历史记录，用户无法通过点击浏览器的“后退”...
父页面操作iframe中子页面的锚点
Mchange的专栏
09-04 1811
父页面： 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 523
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 827
应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。 解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。 遇到问题：获取父窗体元素（因为有域限制，所有需要在网络环境下方位（即http://domain.com））；父窗体嵌套多个iframe，判断是否是当前iframe页面。 代码： 父窗体页面 index.html &l
在iframe外部给iframe添加锚点
城北荆无命的博客
05-30 1407
锚点的操作是实现类似于word的导航栏的功能的基本思路 当前页面使用锚点的话可以使用 1.html的<a>的方式来实现 设置锚： 1 <a href="#mao" rel="external nofollow" >&nsbp;</a> 设置点：(为了浏览器兼容性，id和name一起设置) 1 ...
解决iframe下页面锚点链接跳转当前页面组件后页面父布局错乱问题
hexianfan的博客
11-22 271
解决iframe下页面锚点链接跳转当前页面组件后页面父布局错乱问题
html-css-lesson
03-29
8. **链接与导航**：标签不仅可以链接到其他网页，还可以链接到页面内的特定位置（id锚点）。 9. **表格布局与响应式设计**：虽然HTML主要用于内容结构，但通过使用进行布局已不被推荐。现代网页设计更倾向于使用...
网页制作测试题.docx
11-19
23. **锚点链接**：在同一网页内创建链接，可以使用锚点链接，通过`<a>`标签的`href`属性指向页面内的ID。 24. **不可编辑区域**：在Dreamweaver的模板中，有些区域可以设定为不可编辑，以保持页面一致性。 25. **...
HTML基础.docx
11-02
`<a>`标签用于创建链接，`href`属性指定链接的目标，可以是图片路径、文件路径、网址或页面内的锚点。`target`属性定义打开链接的方式，如`_self`（当前窗口）、`_blank`（新窗口）、`_parent`（父框架）、`_top`...
解决iframe内部使用锚点定位，引起浏览器滚动条上移问题
ajujuju的博客
06-05 1611
说一下问题描述： 父页面为一个.html文件，内部使用iframe标签嵌套一个使用vue开发的网站。在vue内部使用锚点定位时，定位到的内容没有与iframe的顶部对齐；而是与浏览器顶部对齐；导致父页面向上滚动 父页面： 子页面（vue）： 解决方案： 使用jquery的平滑滚动 解决步骤： 1、在vue项目中引入jquery 使用命令：npm install jquery --save；安装完毕后在pakage.json中的dependencies中...
iframe 父页面a标签链接跳转子页面锚点方法
NotBad_的博客
11-22 2963
方法写在子页面上： ParentBody.find("a").each(function () { var link = $(this); //获取当前元素的href属性值 并保存在变量href中 var href = link.attr("href"); //如果有属性值并且属性值的第一个字符是# if (href && href[0
控制iframe中的页面只显示一部分
iteye_18722的博客
08-13 2193
&lt;iframe width="400" height="400" src="" scrolling="no" hspace="-100" vspace="-100"&gt;&lt;/iframe&gt; 那你直接这样看看 用iframe中的属性vspace、hspace、marginheight、marginwidth设置一定的值去微调，值可以为负
Vue项目通过scrollIntoView实现锚点点击页面平滑滚动
最新发布
03-28
在Vue项目中，我们可以通过scrollIntoView方法实现锚点点击页面平滑滚动。 首先，在需要滚动的元素上绑定一个ref属性： ```html 需要滚动的元素 ``` 然后，在对应的锚点上绑定一个点击事件，触发滚动操作： ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值