首页 > 其他分享 >iframe 嵌网页 只显示网页的某一部分

iframe 嵌网页 只显示网页的某一部分

时间:2023-11-16 15:11:47浏览次数:28  
标签:body head 网页 显示 iframe div 一部分

方法,使用DIV控制,这也是使用iframe框架的好处,因为它不像frame,它可以显示的网页的任意区域代码如下:

< html>
< head>
    <title>Iframe标签显示目标网页的指定区域</title>
< /head>
< body>
< div align="center" style="margin:0 auto;">

    <div style="width:900px;height:600px;overflow:hidden;border:0px"> 
         <div style="width:400px;height:900px;margin:-153px 0px 0px -10px;">
              <iFrame src="" width="800" height="600" scrolling="no">
             </iFrame>
         </div> 
     </div> 
< /div> 
< /body>
</html>

  

标签:body,head,网页,显示,iframe,div,一部分
From: https://www.cnblogs.com/heibaiqi/p/17836297.html

相关文章

  • iframe本身就不是动态语言,样式和脚本都需要额外导入.iFrame的本质是内联框架的缩写,它
    以下哪个选项的描述是错误的Aiframe是用来在网页中插入第三方页面,早期的页面使用iframe主要是用于导航栏这种很多页面都相同的部分,这样在切换页面的时候避免重复下载Biframe的创建比一般的DOM元素慢了1-2个数量级Ciframe标签会阻塞页面的的加载Diframe本质是动态语言的Inc......
  • 软件分类——博客园标签分类以及“博客网页编辑博客,如何插入Excel中的表格,并且可在网
    .NET技术:后端开发:软件设计:前端开发:企业信息化:移动端开发:软件工程:数据库:操作系统:其他分类:.NET新手区Java架构设计Html/CssBPMAndroid开发敏捷开发SQLServerWindows非技术区ASP.NETPython面向对象JavaScriptSharePointiOS开发项目与团队管理Orac......
  • 网页调试(css,html,js)获取资源链接等
    进入调试模式F12或者右键检查在元素栏点击相应的组件可以查看html源码,图片视频音频链接等,或者点击组件右键检查还可以查看组件css布局变化html元素源码可以看到class类名,触发事件以及style样式在css上的改变是实时的,刷新页面会失效html的改变需要双击,同样刷新页面......
  • 网页解析_bs4-01
    一:简介1.BeautifulSoup是一个可以从HTML或XML文件中提取数据的Python库,它的使用方式相对于正则来说更加的简单方便,常常能够节省我们大量的时间。2.BeautifulSoup的安装也是非常方便的,pip安装即可。   pipinstallbeautifulsoup4    3.解析器:Be......
  • 如何将solidworks的模型嵌入到网页中运行并且进行交互?
    有一个solidworks装配模型,希望能够嵌入到网页中,当点击某个部位的时候,能够触发函数事件,并且修改该部位的颜色。要将Solidworks模型嵌入到网页中并实现交互,你可以按照以下步骤进行操作:导出Solidworks模型:首先,将Solidworks模型导出为适合在网页上运行的格式,如STL、OBJ或GLTF。你......
  • 新闻类网页抽取
    新闻类网页抽取#-*-coding:utf-8-*-importurllib.errorimportlxmlfromlxmlimportetreefromurllib.parseimporturljoinfromhtmlimportunescapeimportreimportmathimportrequestsfrompyqueryimportPyQueryaspq#计算两个字符串的余弦想相似度......
  • H5网页跳转微信小程序踩坑
    问题:苹果手机可以显示图片跳转按钮,但是安卓手机无法显示出来。、问题:苹果手机可以显示图片跳转按钮,但是安卓手机无法显示出来。、原因:看看图片链接是 // 还是 http 开头,如果是 //test.com/upload/60/2b605429ddcc756370be777761c98d.png 这种形式的图片链接,会导致安卓手机......
  • JavaScript使用JS从JSON获取信息并遍历输出到网页展示信息------前端
    遍历JSON获取数据<!DOCTYPEhtml><!--这是HTML的注释--><htmllang="en"id="myHtml"> <head> <!--这里不是设置了编码,而是告诉浏览器,用什么编码方式打开文件避免乱码--> <metacharset="UTF-8"> <metaname="viewport"......
  • 11月12日基础的网页设计以及阴影的设计box-shadow属性
    目录基础的网页设计html的代码css的代码阴影效果添加基础的网页设计html的代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>今天网页</title><linkrel="stylesheet"href="样式.css"......
  • 微信的聊天记录导出到网页中的最快方法,语音能听,图片视频能看
    12-7如果你有把微信的聊天记录导出到表格或者网页上的需求,适合看看本文章,本文的方法可以让你把微信的聊天记录导出备份,可以在完全脱离微信的情况下随时调取查看聊天数据。本文介绍的软件可以导出两种格式的聊天记录备份文件,一种是表格,一种是网页。导出表格的好处是文本紧凑,篇幅小,缺......