iframe嵌套网页的指定部分 div+iframe

最新推荐文章于 2024-06-20 14:47:31 发布
最新推荐文章于 2024-06-20 14:47:31 发布
阅读量1w 收藏 4
点赞数
文章标签： iframe div javascript 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hashxu/article/details/4431202
版权

<iframe name="xxx" id="xxx" src="index.html" οnlοad="xxx.scrollBy(200,500);" scrolling="no" height="200" scrolling="no" width="100%"></iframe>

scrollBy(x,y) 调整此参数来显示你所指定的区域

注：此方法不支持跨域

如果要跨域嵌套页面我的做法是在父窗体和子窗体的<head>...</head>区域加上代码

<script language="JavaScript">

    document.domain="你的域名(abc.com形式)";

</script>

这样该iframe就可跨域嵌套啦!~

<iframe name="xxx" id="xxx" src="http://bbs.abc.com" οnlοad="xxx.scrollBy(200,500);" scrolling="no" height="200" scrolling="no" width="100%"></iframe>

注意：次方法实现的前提是你必须对这两个窗体的代码有编辑权。

 

另一种方法就是iframe嵌套iframe+div遮罩实现，不受浏览器限制

Hashxu
关注
iframe 嵌套 div ajax jquery,使用jquery+iframe做一个ajax上传效果(实例)
weixin_39805355的博客
08-05 155
html页面利用jquery+iframe做一个ajax上传效果// 利用 jquery+iframe 做一个ajax上传效果/*思路:1: 点击"提交"时的瞬间,生成一个iframe对象,插入body中2: 修改form的target ,为iframe的name值3: 给iframe加1个事件 ,onload*/$(function() {$('input:button').click(func...
iframe嵌入网页的一部分
05-27
iframe嵌入网页的一部分, 拿别人网页为你所用
vue使用iFrame嵌入网页，网页等比缩放，全部展示
最新发布
wfyh1314的博客
06-20 1048
vue项目使用iframe嵌入网页，让网页在指定div内全部展示.
在iframe中显示嵌套网页的指定部分
weixin_30387423的博客
03-30 1338
<iframe name="xxx" id="xxx" src="index.html" onload="xxx.scrollBy(200,500);" scrolling="no" height="200" scrolling="no" width="100%"></iframe> scrollBy(x,y) 调整此参数来显示你所指定的区域 注：此方法不支持跨域 如...
利用 iframe将其他网站 某一个部分的内容 嵌入到 自己的网站中
奔跑的长毛象
10-18 4876
通过调整 width，height，position 对应的值可以调整显示区域的位置 结构：html &lt;div class="row"&gt; &lt;div class="col-xs-6 f1"&gt; &lt;iframe id="frame1" frameborder=0 width=960 height=1200 mar...
利用iframe将网页嵌套在h的div里面
sakura的博客
10-08 372
利用iframe将网页嵌套在h的div里面 整体实现的功能就如同标题所述。 直接看代码 解释一下，我这边实现的功能就是把某个网页在嵌入在本地的div中，然后直接调用打印预览。 <body> <div style="width: 100%;height:1000px;" id="goToPrint"></div> <script> let reportFlag = window.opener['reportFlag']
div嵌套html不用iframe
09-28
在网页设计和开发中，有时候我们需要在不使用`...通过以上步骤和知识点，我们可以在不使用`iframe`的情况下，利用`div`和jQuery实现页面内容的嵌套，这不仅可以提高网页性能，还能更好地控制和定制页面的显示效果。
使用iframe在网页中嵌入其他网页的方法
01-21
iframe使用方法： 复制代码代码如下:<DIV align=center><IFRAME src=”” frameBorder=0 marginwidth=0 marginheight=0 scrolling=no style=”width168:px;height:50px;” width=168 height=50 scrolling=no ...
div被iframe遮住的几种情况及解决方法
09-28
在前端开发过程中，DIV元素被IFRAME遮挡是一个常见的问题，尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况，并提供相应的解决方法。 首先，要了解的是IFRAME是一种HTML元素...
h5 iframe嵌套页面_汇总IOS下奇葩BUG以及iframe嵌套页面带来的一些困扰
weixin_39647499的博客
12-19 1815
做H5开发，安卓和IOS的兼容问题经常会困扰我们，尤其是跟第三方平台合作，用到iframe嵌入式应用，令很多Web前端开发的童鞋脑壳疼，相信大家也入了不少坑，且踩且珍惜吧，呵呵^_^。今天抽时间整理一些出来，希望能帮助到大家。iframe自动变宽了，在IOS手机上出现滚动条第一步：定义 iframe 中的scrolling属性为no，设置iframe中不显示滚动条。第二步：设置iframe的样式为...
js如何设置在iframe框架中指定div不显示
10-26
在iframe框架中指定div不显示，有多种实现方法，接下来与大家分享下使用js的具体实现，感兴趣的朋友可以参考下
页面中嵌套 定位显示另一个页面局部
11-11
页面中嵌套 定位显示另一个页面局部，通过框架结构定位显示
iframe 嵌网页 只显示网页的某一部分
steven_jxy的博客
11-03 1万+
实现嵌入 方法，使用DIV控制，这也是使用iframe框架的好处，因为它不像frame，它可以显示的网页的任意区域代码如下： < html> < head> <title>Iframe标签显示目标网页的指定区域</title> < /head> < body> < div align="center" style="margin:0 auto;"> <div style="width:900px;
Iframe指定位置嵌套
面白い
11-20 3207
插入嵌入页的关键代码是iframe  align=middle marginwidth=0 marginheight=0 src="dp.asp" frameborder=0 width=660  height="800" scrolling=novspace=-200>iframe> 　　dp.asp是被嵌入的页面文件名，这个页可不能忘记上传，标签 Iframe >的作用相当于在网页的指
js 设置在iframe框架中指定div不显示
追梦丨星辰
12-04 1801
js 设置在iframe框架中指定div不显示
js设置在iframe框架中指定div不显示
南方侯鸟
12-05 307
在iframe框架中指定div不显示，有多种实现方法，接下来与大家分享下使用js的具体实现，感兴趣的朋友可以参考下 复制代码代码如下: &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt; &lt;head runat="server"&gt; &lt;title&gt;测试-www.jbxue.com&lt;/title&gt; &lt;s
iframe 内显示的网页 只显示改网页的某一部分！
weixin_34019144的博客
09-09 802
  使用iframe调用指定网页的特定位置(显示目标网页某区域的我想要的内容)   有些时候我们并不需要显示iframe标签属性src指定的目标网页的所有内容，往往只需要显示某一特定区域。现有两种实现方法提供，但严禁使用此方法用于欺骗、隐瞒目的。       这里用到了Iframe的一些属性，稍微介绍下：        1. marginheight 属性规定框架内容与框架的上方和下方之间...
IFRAME嵌入页面,只显示中间一部分,其他的都不要
热门推荐
txz2003的专栏
10-17 1万+
http://www.webjx.com/"  frameborder=no scrolling=no  width=776  height=2500>　　控制插入页被框架覆盖的深度 marginwidth=0 marginheight=0；控制框架覆盖上部分的深度 vspace=-170 　　scrolling滚动条要否（auto、yes、no）   frameborder框架的边框大小
iframe嵌套vue页面
06-11
可以使用Vue的组件化思想，将要嵌套的页面封装为一个组件，然后在父页面中引入该组件。具体的操作步骤如下： 1.在父页面中添加一个iframe标签，设置src属性为要嵌套的Vue页面的地址。 ``` <iframe src="./childPage.html"></iframe> ``` 2.在Vue项目中，创建一个子组件，用于展示嵌套的页面内容。 ``` <template> <div> <iframe :src="src"></iframe> </div> </template> <script> export default { props: { src: { type: String, required: true } } } </script> ``` 3.在父页面的Vue实例中引入子组件，并将要嵌套的页面的地址作为属性传递给子组件。 ``` <template> <div> <child-component :src="'./childPage.html'"></child-component> </div> </template> <script> import ChildComponent from './ChildComponent.vue' export default { components: { ChildComponent } } </script> ``` 通过以上步骤，就可以在Vue项目中嵌套一个iframe，展示另一个Vue页面的内容了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值