如何在网页中插网页的代码

iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。

其部分属性简介如下: name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度(可用像素值或百分比) frameborder:内嵌帧边框 marginwidth:帧内文本的左右页边距 marginheight:帧内文本的上下页边距 scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示) src:内嵌入文件的地址 style:内嵌文档的样式(如设置文档背景等) allowtransparency:是否允许透明 明白了以上属性后,我们可用以下代码实现,在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中: <iframe name="import_frame" width=100% height=80 src="samper.htm" frameborder=auto>

不错吧,马上“ctrl+c”、“ctrl+V”试试。

有时我们为强调页面的某项内容,想让它先于页面的其他内容显示。

同样用iframe即可轻松实现:

先把要强调显示的内容另存为一个文件,如first.htm,然后通过一个预载页index.htm,内容如下:

〈meta http-equiv="refresh" content="3,url=index2.htm"〉

〈body〉

页面加载中,请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉阀弗脆煌诒号错铜氮扩

〈/body〉

主文件index2.htm

〈body〉

〈iframe src="first.htm"加入其他属性限制〉〈/iframe〉

〈/body〉

first.htm的内容就会先于页面的其他内容出现在您的浏览器里了,是不是很简单?再“ctrl+c”、“ctrl+V”一次?

原文地址:https://www.weidianyuedu.com/content/0320701160243.html

如何在网页中插网页的代码?相关推荐

  1. 网页中嵌入电视直播代码

    网页中嵌入电视直播代码 1 2 3 4 5 6 7 8 9 10 11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  2. 2018.3.29 网页中嵌套网页的两种方法

    第一种: <!DOCTYPE html> <html>     <head>         <meta charset="UTF-8"& ...

  3. 网页中漂浮的图片代码

    这是网页中一个漂浮的图片代码,有兴趣者可下载. 转载于:https://blog.51cto.com/51ctogreat/199644

  4. 网页中嵌入视频播放器代码

    有时候我们会有这样的需求,在网页中嵌入视频播放器,以播放我们的服务器端的视频,下面我将代码贴出来: 嵌入快播播放器: <table width="100%" align=&q ...

  5. 网页中插入图片的代码

    本文转载至:http://www.luke99.com/celuechuangyi/2011-05/6912.html 如何在网页中插入图片呢?只要有图片的地址,就可以通过代码设置而放入我们的网页的. ...

  6. 网页中嵌套网页flush_如何修改网页中的内容?

    注意:请勿将本文中提到的技术用于违法行为,因此造成的损失我不承担任何责任. 简介 之前在内测群里聊天,我才发现几乎没有人知道如何修改一个网页中的内容,除了相关领域.可能是因为我已经接触了前端的一些知识 ...

  7. python 网页上显示数据_怎么用python将excel数据写入网页中,python 网页上excel表格数据分析...

    用python读取excel,怎样显示要查找的数据? 感觉还是CSV格式的好一些,EXCEL的要装插件,以CSV为例,段代码 sqlserver char 对应c# import linecache ...

  8. 如何快速定位到网页中某些内容的代码位置

    第一步:运行这个项目,在url中截取该路由的路径,如下图所示路径中截取learningData/creditRanking. 第二步:在vscode中点击放大镜,在搜索框搜索这个路径,然后进入有这个路 ...

  9. 在网页中显示高亮的代码块

    在VueCli项目中生成高亮且格式正确的代码块 以"highlight.js": "^10.7.1"插件为例 安装依赖:npm install highligh ...

最新文章

  1. 在SpringBoot项目中使用redis简单用法(一)
  2. 6.1 网络应用模型
  3. javaweb学习总结(八)——HttpServletResponse对象(二)
  4. 神经网络与深度学习(邱锡鹏)-学习笔记
  5. python socket多线程 获取朋友列表_python socket多线程通讯实例分析(聊天室)
  6. 【操作系统】Semaphore处理哲学家就餐问题
  7. 2017.3.6 种树 失败总结
  8. [游戏服务器]第一章:多人聊天室-服务端
  9. Python+socket实现TCP套接字服务端自由限速
  10. win10屏幕保护色设置
  11. aix for sqlserver_Oracle大型数据库系统在AIX/UNIX上的实战详解(第2版)(文平)高清PDF扫描版 [266.16M]...
  12. 「 机器人学 」“机器人导航技术”浅谈
  13. 虚化照片怎么弄?这几种方法很简单
  14. (html)音乐之原生js简单的歌词滚动hah
  15. 不要让自己的大脑变成别人思想的跑马场-叔本华
  16. C#,图像二值化(16)——全局阈值的力矩保持算法(Moment-proserving Thresholding)及其源代码
  17. python鱼眼图像识别_图像变换之矫正---鱼眼图像的矫正简介
  18. BetaFlight深入传感设计之七:GPSBaro高度数据融合
  19. 初次搭建Grafana 开源的Loki 日志系统
  20. 奇瑞新能源又一款新车上市 奇瑞无界Pro炫酷来袭

热门文章

  1. 年华利息和年华利率_你好,请问年化利息和年化利率是一样的吗?
  2. U盘提示损坏或者无法读取 / 修复
  3. 最快的Pythonweb框架之一:FastAPI 初探
  4. 货物配送问题的matlab,使用遗传算法求解物流中心配送问题
  5. GraphPad Prism中的单因素方差分析这样用
  6. 【虚幻引擎】UE4/UE5插件
  7. 精益研发设计,从源头提升质量、降低成本
  8. 转:学习为了什么?我一直说学习是为了学会更好的思考,其实更通俗的讲学习是为了避免犯大错误...
  9. IUS tcl cmd
  10. 解决办法:WinSCP 普通用户上传文件没有权限解决