iframe知识点

摘要:
定义并使用iframe元素将创建包含另一个文档的内联框架。在src=“http://t.zoukankan.com/您还可以插入图片“以与插入的网页相同的方式显示”http://t.zoukankan.com/URL“Freemborder=”1“˃在引号中选择0或1以显示边框示例:12345a标记678目录910序言11章节12章节13章节141516北国风光,千里冰封,千里白雪。2526珍爱秦、汉、吴,失去一些文学才能;唐、宋、祖则没有那么迷人。2930过去,有一些名人,但今天也是如此。doctypehtml˃2345iframe6789idex101112

定义和用法(源自W3school)

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

属性:

   <ifream src = "http://t.zoukankan.com/URL">  url指的是一个.html网页,这个功能是ifream的主要功能,在一个新的网页中插入引号内网页的内容,把一个网页当做另一个网页的内容。

             在src = "http://t.zoukankan.com/内还可插入图片"(就像是img src="http://t.zoukankan.com/图片"一样,老的浏览器可能不支持)显示方式和插入网页一样

     <ifream  src ="http://t.zoukankan.com/URL"  freamborder="1">引号内选择0或者1  作用是显示边框(默认fremaborder属性值为1即有边框)

   <ifream  src ="http://t.zoukankan.com/URL"  freamborder="1" height = "定义iframe的高度">

   iframe知识点第1张

示例:

iframe知识点第2张iframe知识点第3张
 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>a标签</title>
 6 </head>
 7 <body>
 8 <h3>Table of Contents</h3>
 9 <ul>
10     <li><a href="pref.html" target="view_window">preface</a></li>
11     <li><a href="chap1.html" target="view_window">chapter</a></li>
12     <li><a href="chap2.html" target="view_window">chapter</a></li>
13     <li><a href="chap3.html" target="view_window">chapter</a></li>
14 </ul>
15 <p>
16      北国风光,千里冰封,万里雪飘。
17 
18 望长城内外,惟余莽莽;大河上下,顿失滔滔。
19 
20 山舞银蛇,原驰蜡象,欲与天公试比高。
21 
22 须晴日,看红装素裹,分外妖娆。
23 
24 江山如此多娇,引无数英雄竞折腰。
25 
26 惜秦皇汉武,略输文采;唐宗宋祖,稍逊风骚。
27 
28 一代天骄,成吉思汗,只识弯弓射大雕。
29 
30 俱往矣,数风流人物,还看今朝。 
31 </p>
32 </body>
33 </html>
<a>标签
iframe知识点第4张iframe知识点第5张
 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>iframe</title>
 6 </head>
 7 
 8 <body text="#CD7273">
 9 <a href="idex.html" target="aaa">idex</a><br><br>
10 <iframe src="../../美女.jpg" name="aaa"  scrolling="yes" frameborder="0" width="50%" height="60%" marginheight="50%" marginwidth="60%" seamless>
11     
12 </iframe>
13 
14 </body>
15 </h
iframe知识点第6张
 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>idex</title>
 6 </head>
 7 <a href="https://www.baidu.com/" target="_blank">跳转页面1 </a>
 8 <a href="https://www.baidu.com/">跳转页面2</a>
 9 <body>
10 </body>
11 </html>
idex
iframe知识点第7张iframe知识点第8张
 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>iframe</title>
 6 </head>
 7 
 8 <body text="#CD7273">
 9 <a href="idex.html" target="aaa">idex</a><br><br>
10 <iframe src="a标签.html" name="aaa"  scrolling="yes" frameborder="0" width="50%" height="60%" marginheight="50%" marginwidth="60%" seamless>
11     
12 </iframe>
13 
14 </body>
15 </html>
ifream

运行效果:

<a>标签

iframe知识点第9张

idex运行效果

iframe知识点第10张

ifream运行效果  

 iframe知识点第11张iframe知识点第12张

 name 替换的是窗口里面的内容即有滑动条的内容

免责声明:文章转载自《iframe知识点》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C# Web Service简单使用(转) 如何在Excel和Word文档中插入GIF动画下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

多个iframe的刷新问题

我们的系统有个公用的弹出框,弹出框html结构是在顶层页面里的。一般弹出框里的内容,单独做个页面,嵌入iframe里面。就可以在弹出框里显示要显示的内容。但是出现一个问题是,有时候弹出框里的操作不是单一的,就像这次的操作。在弹出框里有个分拣操作,这个操作力选中目标文件夹的时候又有一个新建文件夹的操作。选择新建文件夹-新建文件夹成功后,还需要返回到分拣操作的...

xcode 一些三方库版本警告 iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 8.0, but the range of supported deployment target versions is 9.0 to 14.2.99.

1. 三方库警告: Showing All Messages The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 8.0, but the range of supported deployment target versions is 9.0 to 14.2...

targetcli配置iSCSI

概述:这篇文章来介绍LIO下的用户态工具targetcli来配置iSCSI服务 虚拟机环境:centos7.x(内核版本3.10.0-862.el7.x86_64) IP分别为192.168.1.200/201   targetcli安装centos一般都自带了此工具,没有的话去官网下载,这里就不再介绍   快速创建IP-SAN1.命令行输入targetc...

Binder死亡通知机制之linkToDeath

copy from : http://gityuan.com/2016/10/03/binder_linktodeath/ 基于Android 6.0源码, 涉及相关源码 frameworks/base/core/java/android/os/Binder.java frameworks/base/core/jni/android_util_Binder...

Spring 注解 @Controller @RestController @Service @Repository @Component 源码对比

注解对比 # @Controller @RestController @Service @Repository @Component 源码注解 @Target({ElementType.TYPE})@Retention(RetentionPolicy.RUNTIME)@Documented @Component @Target(Elemen...

【转载】s3c2440裸机开发调试环境(MDK4.6,Jlink v8,mini2440)

    用于arm裸机程序开发的IDE基本有 以下3个:MDK,IAR,还有ADS。具体它们的具体情况在这里我就不多说了,百度一下就明白了。由于之前开发c51,stm32时候都使用了MDK开发环境,而且MDK的界面确实看起来舒服多了,所以我选择了MDK作为我的s3c2440裸机开发的IDE。以下主要介绍一下如何使用MDK配合J-link来调试基于s3c24...