HTML5 内联框架iFrame

【HTML5 内联框架iFrame】的更多相关文章

HTML5 内联框架iFrame

由于现在frame和frameset很少使用,已经过时了,已经被div+CSS代替了,所以,这里只是举例说明一下,当下还在使用的内联框架iFrame 所谓的iFrame内联框架,我的理解就是在网页内部嵌套一个网页,并且可以一级一级地嵌套下去. 示例如下: /* 示例由index.html和iframe1.html.iframe2.html.iframe3.html组成 */ 先上一张效果图,图片后面是完整代码. 点击后完整代码如下 index.html <!DOCTYPE html> <…

前端学习 -- 内联框架iframe

内联框架iframe 可以向一个页面中引入其他的外部页面内联框架中的内容不会被搜索引擎所检索,所以开发中尽量不要使用内联框架 <iframe></iframe> 属性: src:外部页面的地址,可以使用相对路径 width和height:可以设置框架的宽度和高度 name:可以为内联框架指定一个名字,可以将该属性值设置为超链接的target属性的值,这样当点击超链接时,页面将会在相应的内联框架中打开例子: <html> <head> <meta c…

[19/06/04-星期二] HTML基础_实体(转义字符)、图片标签(img)、元标签(meta)、语法规范、内联框架(iframe)、超链接

一.实体(转义字符) 在HTML中,一些诸如<.> 就是普通的小于号和大于号不能直接使用,因为浏览可能会把它当成一个标签去解析,所以需要一些特殊字符去表示这些特殊字符, 这些字符我们称他们叫实体,也叫转义字符.浏览器解析到实体时,会自动将实体装换成对应的字符. 语法: &实体的名字: 即"&"符号开头":"符号结尾如,小于号 <: &lt: 全称:less than 比....小大于号 >: &…

HTML的内联框架(iframe)

HTML的内联框架(iframe) 第一种:打开网页就是带内联框架的页面可以实现在自己的网页内部,打开另一个网页语法: <iframe src="https://www.baidu.com/" frameborder="0" width="800" height="600"></iframe> 完整代码如下: <…

第48天学习打卡（HTML 行内元素和块元素列表表格视频和音频页面结构分析 iframe内联框架表单语法）

行内元素和块元素块元素无论内容多少,该元素独占一行 (p.h1-h6) 行内元素内容撑开宽度,左右都是行内元素的可以排在一行 (a.strong.em...) 列表什么是列表列表就是信息资源的一种展示形式.它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷的获得相应的信息列表的分类无序列表有序列表定义列表 <!DOCTYPE html> <html lang="en"> <head> <…

x(14)0906第三天__<iframe> 内联框架引入有一个外部html页面

在现实开发中,不推荐使用内联框架,因为<iframe></iframe>中的内容不会被搜索引擎检索. 在特殊情况中,如内网项目,不用放在互联网上时,可以使用<iframe></iframe> 属性: src:指向一个外部html页面,可以是相对路径 width height name:指定一个名字给iframe 注意:可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器…

计算机网络之iframe内联框架跨域

iframe框架同源下的数据调用 iframe框架非同源下的数据传输一.iframe框架同源下的数据调用 1.父窗口向子窗口获取数据 //html1父级窗口 <iframe src="./2.html"></iframe> <script type="text/javascript"> var oIframe = document.getElementsByTagName('iframe')[0]; oIframe.onload…

Iframe内联框架

iframe:内联框架标签,用于在网页中任意的位置嵌入另一个网页 <iframe src="url地址"> </iframe> iframe标签的常用属性 <iframe width="200" height="200" scrolling="no" frameborder="0" src="URL" allowtransparency></if…

重写iframe内联框架中的内容

重写iframe内联框架中的内容,不使用src指向页面url,主动写入HTML代码: var ifr = document.getElementById("CMBC-certification-content"),ed = null;ed = document.all ? ifr.contentWindow.document : ifr.contentDocument;ed.open();ed.write(Cache.data('cache.cmbcHtml'));ed.close()…

html5--1.16 内联框架

html5--1.16 内联框架学习要点: 1.iframe内联框架2.综合实例1 1.iframe内联框架 1.iframe元素用来在文档中添加一个内联框架. 2.iframe为body元素的子元素,必须放置在boay中使用 3.主要属性:src;name/id;width;height 4.对HTML5中已经删除的属性不再进行讲解淘宝网 <a href="https://www.taobao.com" target="myiframe">淘宝网&…