如何去掉iframe内嵌页面头部/底部（iframe取部分网页）

最新推荐文章于 2023-09-19 14:54:30 发布
最新推荐文章于 2023-09-19 14:54:30 发布
阅读量1.4w 收藏 2
点赞数
分类专栏： HTML 其他
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/china_skag/article/details/8964734
版权
HTML 同时被 2 个专栏收录
111 篇文章 0 订阅
订阅专栏
其他
111 篇文章 0 订阅
订阅专栏
请看如下代码 红色部分就是你需要加进去的
<iframe style="margin-top:-150px;width:950px;display:block;"  frameborder="0" marginheight="0" marginwidth="0" border="0" id="alimamaifrm" name="alimamaifrm" scrolling="no" height="2000px" width="100%" src="http://pindao.huoban.taobao.com/tms/channel/onsale.htm?pid=mm_10067787_2211697_8954836&eventid=101586"></iframe>
注: 代码中绿色部分可以自己调整
margin-top:-150px 头部想隐藏的更多一点 150就增加一点 
height="2000px" 想隐藏底部呢 就把2000减小一点
china_skag
关注
专栏目录
【前端知识梳理】HTML篇 笔记整理（一）
超逸の学习技术博客
03-28 1616
写在开头 大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。 一直想着成为一个up主，正值时间挺多的，4月份左右面试的面经我会制作视频去分...
0009 前端 Html 08 内嵌框架 网页里 显示网页 视口 手机显示 缩小的网页
十年之后_myself的博客
12-25 227
以下为学习笔记，用来备忘、交流 工具：Sublime Text 3 渲染：谷歌浏览器 内嵌框架 内嵌框架就是在网页里开辟一片地方再显示一个网页；或者一个网页就是几个小网页拼成的，比如一个网页可以和一个Word文档一样由页眉页脚和中间内容组成，好处是如果有好多网页，内容不同但页眉一样，需要修改页眉只需要改一个文件就可以了。 <iframe src="http://www.baidu.com" ...
iframe 引入第三方页面，并去掉页面的导航栏和下半部分，只显示部分页面的方法
weixin_51192038的博客
03-06 6756
iframe 引入第三方页面，并去掉页面的导航栏和下半部分，只显示部分页面的方法 我用的elementui 画的页面，和html一样 用iframe引入第三方页面 （1）src 里面写要引入的第三方页面的链接 （2）iframe 一定要放在div里面，最外层div的position =relative，里层的div的position=adsolute （3）去掉头部的内容，可以直接在`里层的div中的margin-top设置，margin-top = -122px，这个-122px 可以根据自己的需求
使用iframe标签嵌入第三方网页并隐藏网页头部导航栏和底部网页信息
Nicerlee的博客
11-29 7856
1、解决方案 通过对<div>标签高度控制来隐藏第三方页面底部内容，设置<iframe>标签中的margin-top上部边距来隐藏页面的头部导航栏信息等。 代码实现(以百度首页展示为例)： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style&gt...
iframe隐藏头部的toolbar
weixin_45781661的博客
10-12 3475
iframe隐藏头部的toolbar 隐藏此工具条，只需要在iframe的src中加入’#toolbar=0’，就可以了，代码如下 <iframe :src="resourceurl + '#toolbar=0'" ></iframe>
静态网页制作HTML学习笔记
wg131452的博客
02-24 2481
一.HTML简介 1.HTML是什么？ HTML:Hyper Text Markup Language超文本标记（标签）语言由多种标签组成，用来制作网页，告浏览器该如何显示页面 2.THML语言的作用？ 制作网页，控制网页和内容的显示 插入图片.音乐.视频.动画等多媒体 通过链接检索信息 使用表单获取用户信息，实现交互 3.版本 W3C：World wide web consortium万维网联...
从输入URL到页面展示过程
php_martin的博客
08-04 192
从输入URL到页面展示过程
HTML 笔记/案例
weixin_46396363的博客
03-02 499
一丶HTML简介 1.HTML是什么? HTML:Hyper Text Markup Language超文本标记（标签）语言 由多种标签组成，用来制作网页，告浏览器该如何显示页面 2.HTML语言的作用？ 制作网页、控制网页喝内容的显示 插入图片、音乐点、视频、动画等多媒体 通过链接检索信息 使用表单获取用户信息、实现交互 3.版本 W3C:World wide web consortium ...
CSS:层叠样式表（三）【DIV网页布局和定位】
impact_factor的博客
04-25 840
DIV网页布局和定位一、DIV+CSS进行网页布局1、网页布局的目的：2、如何布局：3、页面元素的定位机制：(1)流式布局：(2)浮动(float)：(3)绝对定位(position:absolute)：(4)相对定位(position:relative):4、布局中的常用属性：(1)浮动属性(float)：(2)清除属性(clear):(3)溢出属性(overflow):二、元素的定位：三、偏移量：四、层叠属性： 一、DIV+CSS进行网页布局 1、网页布局的目的： 页面结构清晰、有条理、易读 2、如何布
iframe用法
xinyihhh的博客
09-14 328
iframe用法
iframe嵌套PDF文件配置
weixin_61978391的博客
09-19 1872
1.首选获取到的url地址要进行oss 加密链接（后端有专门加密的接口）1.1设置默认缩放比例： 在地址栏后面拼接 "#zoom=200"1.5 默认侧边栏工具栏处于关闭状态 navpanes=0。2.加密后通过获取到的加密url获取pdf预览地址。1.3隐藏头部工具栏 ： toolbar=0。后端返回一段url地址，用pdf的形式打开。有些PDF形式打开的文件需要一些默认的配置。3.用iframe将url嵌套进去。
Vue中嵌套标签iframe的使用
热门推荐
xwnxwn的专栏
11-01 3万+
根据实际开发过程中的不同需求，把实战中比较常见的处理方式汇总出来，需求是做不完的，也不可能全部覆盖到，这里只分享一些比较常见的操作，方便有需要的开发者查阅使用，具体的实例如下所示。通过网页使用iframe嵌入新的网页的时候，有时需要动态处理src的值，而不是固定的值，这就需要给iframe 的src赋值，通常是使用js来实现。上面内容就是关于在前端开发中iframe的使用，较为详细的介绍了关于iframe的使用步骤，方便开发者查阅使用，其他内容就不再赘述。2.iframe使用：两种不同的嵌入新页面的方式。
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窗口全屏以及在layer弹出层犯的错
wmq1314lql的博客
08-16 4200
最近在做一个类似收银核销管理系统的项目，本来框架没什么问题，但是boss突然提出核销页面在操作时最好iframe窗口进入全屏模式。我第一思路是模拟发送F11请求,但是F11是整个页面进入全屏模式，并不是iframe窗口，故查阅网上资料发现有进入全屏模式的API——Fullscreen。调用requestFullscreen()可以进入全屏模式，和exitFullscreen()退出全屏模式。故代码...
隐藏iframe的顶部操作栏
qq_38181746的博客
09-07 1689
隐藏iframe的顶部操作栏 在iframe中预览pdf顶部会有一行操作栏，里面有打印，但是我只想让他预览不让打印，打印另做处理 在iframe标签中的预览地址后面加上#toolbar=0 效果
iframe里面使用top.layer.open报错
weixin_42588672的博客
02-15 563
这个报错通常是由于在一个iframe中调用了top.layer.open函数，但是在顶层窗口(即父窗口)中没有引入layer库所致。 解决这个问题的方法是在父窗口中引入layer库，确保在iframe中调用top.layer.open函数时可以正确地找到该函数所在的库。你可以在父窗口中添加以下代码来引入layer库： <script src="layer.js"></script...
iframe内嵌页面自适应
最新发布
05-28
为了解决这个问题，可以使用一些技巧来实现iframe内嵌页面自适应： 1. 设置iframe的高度为auto，让它自适应内容的高度： ```html <iframe src=...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值