vs做网站视频教程,软件开发培训学校杭州,网站开发商城app,佛山网站建设骏域编程笔记 html5cssjs 011 HTML内连框架 一、内连框架#xff08;一#xff09;意义#xff08;二#xff09;属性 二、操作注意 接下来要看一下网页内的划分。通过内连框架在当前页面嵌入一个特定内容#xff0c;是一种特定需要。 一、内连框架
HTML 内联框架元… 编程笔记 html5cssjs 011 HTML内连框架 一、内连框架一意义二属性 二、操作注意 接下来要看一下网页内的划分。通过内连框架在当前页面嵌入一个特定内容是一种特定需要。 一、内连框架
HTML 内联框架元素 (iframe) 表示嵌套的browsing context。它能够将另一个 HTML 页面嵌入到当前页面中。
一意义
每个嵌入的浏览上下文embedded browsing context都有自己的会话历史记录 (session history)和DOM 树。包含嵌入内容的浏览上下文称为父级浏览上下文。顶级浏览上下文没有父级通常是由 Window 对象表示的浏览器窗口。 警告 页面上的每个iframe都需要增加内存和其他计算资源这是因为每个浏览上下文都拥有完整的文档环境。虽然理论上来说你能够在代码中写出来无限多的iframe但是你最好还是先看看这么做会不会导致某些性能问题。
二属性
该元素包含全局属性。 allow 用于为iframe指定其特征策略. allowfullscreen 设置为true时可以通过调用 iframe 的 requestFullscreen() 方法激活全屏模式。 备注 这是一个历史遗留属性已经被重新定义为 allow“fullscreen”。 allowpaymentrequest 设置为true时跨域的 iframe 就可以调用 Payment Request API。 备注 这是一个历史遗留属性已经被重新定义为 allow“payment”. height 以 CSS 像素格式或像素格式或百分比格式指定 frame 的高度。默认值为150。 importance 实验性 表示 iframe 的 src 属性指定的资源的加载优先级。允许的值有 auto (default) 不指定优先级。浏览器根据自身情况决定资源的加载顺序 high 资源的加载优先级较高 low 资源的加载优先级较低 name 用于定位嵌入的浏览上下文的名称。该名称可以用作 a 标签与 form 标签的 target 属性值也可以用作 input 标签和 button 标签的 formtarget 属性值还可以用作 window.open() 方法的 windowName 参数值。 src 被嵌套的页面的 URL 地址。使用 about:blank 值可以嵌入一个遵从同源策略的空白页。 srcdoc 该属性是一段 HTML 代码这些代码会被渲染到 iframe 中。如果浏览器不支持 srcdoc 属性则会渲染 src 属性表示的内容。 width 以 CSS 像素格式或以像素格式或以百分比格式指定的 frame 的宽度。默认值是300。
二、操作
!DOCTYPE html
html langzh-cn
headtitle编程笔记 html5cssjs HTML内链框架/titlemeta charsetutf-8stylebody {color: cyan;background-color: teal;}iframe {display: block;margin: 0 auto;}/style
/head
bodyh1 aligncenter这是一个内连框架/h1iframe title你看是不是我的第一个页面 width500 height400 srcpage004_第一个页面.html/iframeiframe title这个是京东好像不让被抓进小黑屋 width500 height400 srchttps://www.jd.com//iframe
/body
/html注意
在现时流行的布局中较少使用框架。接下来不再详细探讨。很少使用。