jsp iframe嵌入php,jsp中的iframe什么意思

iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容，一个形象的比喻即'画中画'电视。

推荐课程：Java教程。

iframe也称作嵌入式框架，嵌入式框架和框架网页类似，它可以把一个网页的框架和内容嵌入在现有的网页中。

首先它的标签写法是：

iframe用于设置文本或图形的浮动图文框或容器。

frameborder设定围绕图文框的边缘宽度

其中还有快读高度的设计

scrolling=no 是否有滚动条(YES,NO,AUTO)

SRC 指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*)

Iframes 阻塞页面加载

及时触发 window 的 onload 事件是非常重要的。onload 事件触发使浏览器的 “忙” 指示器停止，告诉用户当前网页已经加载完毕。当 onload 事件加载延迟后，它给用户的感觉就是这个网页非常慢。

window 的 onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里，通过 JavaScript 动态设置 iframe 的 SRC 可以避免这种阻塞情况。

唯一的连接池

浏览器只能开少量的连接到web服务器。比较老的浏览器，包含 Internet Explorer 6 & 7 和 Firefox 2，只能对一个域名(hostname)同时打开两个连接。这个数量的限制在新版本的浏览器中有所提高。Safari 3+ 和 Opera 9+ 可同时对一个域名打开 4 个连接，Chrome 1+, IE 8 以及 Firefox 3 可以同时打开 6 个。你可以通过这篇文章查看具体的数据表：Roundup on Parallel Connections.

有人可能希望 iframe 会有自己独立的连接池，但不是这样的。绝大部分浏览器，主页面和其中的 iframe 是共享这些连接的。这意味着 iframe 在加载资源时可能用光了所有的可用连接，从而阻塞了主页面资源的加载。如果 iframe 中的内容比主页面的内容更重要，这当然是很好的。但通常情况下，iframe 里的内容是没有主页面的内容重要的。这时 iframe 中用光了可用的连接就是不值得的了。一种解决办法是，在主页面上重要的元素加载完毕后，再动态设置 iframe 的 SRC。

美国前 10 大网站都使用了 iframe。大部分情况下，他们用它来加载广告。这是可以理解的，也是一种符合逻辑的解决方案，用一种简单的办法来加载广告服务。但请记住，iframe 会给你的页面性能带来冲击。只要可能，不要使用 iframe。当确实需要时，谨慎的使用他们。

jsp iframe嵌入php,jsp中的iframe什么意思相关推荐

asp.net iframe html,ASP.NET中使用IFRAME建立类Modal窗口
我们经常要在程序的人机交互中用到模态窗口,但在B/S开发中,这一切变得不容易了,虽然也可以用window.showModalDialog函数实现(见http://dotnet.aspx.cc/Show ...
vue 给iframe设置src_vue组件中使用iframe元素
需要在本页面中展示vue组件中的超链接,地址栏不改变的方法: GoBack {{item.name}} export default { name: 'hello', data () { return ...
vue 给iframe设置src_vue项目中，iframe的src动态赋值
可以类似这样: /** * 动态创建iframe * @param dom 创建iframe的容器,即在dom中创建iframe.dom能够是div.span或者其它标签. * @param src ...
jsp iframe嵌入php,jsp嵌套iframe从iframe中表单提交并传值到外层_html/css_WEB-ITnose
今天因需求迭代更改元来代码遇到了这么个问题就是想在 iframe中提交后进行整个页面的跳转并把iframe中的值传到外层jsp 大概就是这个样子外层 a.jsp 内层 b.jsp 于是想当然 ...
点击右侧导航栏，实现iframe嵌入子页面中div，滑动到最上面
2019独角兽企业重金招聘Python工程师标准>>> // 点击对应的nav里的li标签,页面就滚动到哪里 $('.title-list > li').click(funct ...
使用jsp:include嵌入页面的两种方式
1.静态嵌入子页面 <%@ include file="header.jsp" %> 静态嵌入支持 jsp . html . xml 以及纯文本. 静态嵌入在编译时完成 ...
artDialog和iframe嵌入页面
artDialog和iframe嵌入页面 ok: function () { var iframe = this.iframe.contentWindow; var cont = iframe.doc ...
JSP中使用iframe导致内层网页CSS失效问题的解决方案
jsp中使用<iframe>,由于CSS层级问题导致外层主页面的CSS对<iframe>中的控件无效... 解决方案: (1)用<jsp:include&g ...
HTML5怎么编辑另一个页面,html中嵌套iframe页面如何将一个html页面中嵌入另一个html页面...
如何将一个html页面中嵌入另一个html页面将一个html页面中嵌入另一个html页面需要使用到iframe标签. iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌 ...

jsp iframe嵌入php,jsp中的iframe什么意思

jsp iframe嵌入php,jsp中的iframe什么意思相关推荐

最新文章

热门文章