`
aliang1990
  • 浏览: 1972 次
社区版块
存档分类
最新评论

怎么制作一个好的iframe,iframe各个属性详细分析,个人拙见

阅读更多
iframe作为一个网站之间交互的桥梁,受到很多站长的喜爱,但是又有不安全的因素存在,所以正确填写属性是很重要的。



<iframe name="my_iframe" height="540" width="100%" frameborder="0"
       marginwidth="0" marginheight="0" scrolling="no" border="0"
       src="http://www.33xyx.com/" security="restricted"
       sandbox="allow-forms allow-scripts allow-same-origin">





属性分析:

1,name id 不用介绍了吧,就是通过关键词来应用操作iframe

2,height width 就是定义iframe的宽度高度,有数字或者百分比

3,frameborder是否显示边框1或0

4,marginheight marginwidth 定义iframe顶部到底部的边距 左边到右边的边距

5,scrolling iframe是否可以滚动

6,src="http://www.33xyx.com/" 这个大家都知道,替换成自己的网站即可

7,security="restricted" 我理解就是iframe的东西不能控制父页面的东西,有人会使用top.location.href=""来控制跳转,所以自己衡量是否需要加上

8, sandbox="allow-forms allow-scripts allow-same-origin"把iframe当做一个沙盒模式来使用,允许那些权限,我是允许他提交表单和脚本执行和同源操作。最后的2个属性比较重要,着中了解下最好。
0
0
分享到:
评论

相关推荐

    jquery得到iframe src属性值的方法

    通过以上知识点,可以看到,在实际开发中,若需要从一个iframe中获取src属性值,可以利用jQuery的选择器、attr()方法,以及$(document).ready()等,这些是进行DOM操作和动态获取内容时常用的方法。同时,也需要考虑...

    拖拽一个iframe中的div 在另一个iframe页面中显示

    标题 "拖拽一个iframe中的div 在另一个iframe页面中显示" 描述了在Web开发中一个交互性的技术,涉及跨框架(iframe)通信和DOM操作。这个技术主要应用于创建富交互的用户界面,允许用户在不同的iframe之间传递和操作...

    iframe_常用属性知识.txt

    下面将详细介绍`iframe`的一些常用属性及其作用。 #### 二、基本属性介绍 1. **src**:源地址 - 描述:指定嵌入内容的URL地址。 - 示例:`&lt;iframe src="http://www.example.com/iframe.html"&gt;&lt;/iframe&gt;` - 说明...

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    本文将详细讲解如何利用IFrame解决这些问题,特别是针对Flex菜单的遮挡问题。 首先,理解Flex和IFrame的基本概念是必要的。Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。而...

    iframe对另一个iframe控制的Demo

    本实例“iframe对另一个iframe控制的Demo”展示了如何通过JavaScript或者jQuery实现一个iframe对另一个iframe的交互,以及如何控制iframe的显示与隐藏。这种技术广泛应用于构建复杂的Web应用程序,如页面内的多窗口...

    多个iframe,其中一个的div能够处于最上层显示

    在网页设计中,`iframe` 是一种非常有用的元素,它允许我们在一个页面中嵌入另一个网页。当有多个 `iframe` 并存时,可能会出现重叠或者层级问题,特别是当其中某个 `iframe` 中有一个需要突出显示的 `div` 元素时。...

    iframe根据页面内容自适应高度和宽度

    一个简单的`iframe`标签如下: ```html &lt;iframe src="http://example.com" width="500" height="300"&gt;&lt;/iframe&gt; ``` 在这个例子中,`src`属性指定了要嵌入的页面URL,`width`和`height`分别设置了`iframe`的宽度和...

    iframe内容高度 iframe自适应高度终极解决Iframe设置高度后无法缩小问题

    在网页开发中,`&lt;iframe&gt;`元素是一种非常实用的工具,它允许我们在一个页面中嵌入另一个页面的内容,实现页面的组合或者隔离加载。然而,`&lt;iframe&gt;`的高度自适应问题常常困扰着开发者,尤其是当`&lt;iframe&gt;`内部的内容...

    使用iframe在网页中嵌入其他网页的方法

    总结来说,`iframe`是一个强大的网页设计元素,它可以方便地将其他网页内容嵌入到当前页面中,通过调整其属性,可以实现定制化的展示效果。然而,在使用`iframe`时,也需要考虑到潜在的技术限制和用户体验因素。对于...

    vue基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生

    内容概要:以vue2为例,搭建一个左侧导航与顶部导航的二级导航的iframe框架项目。基于iframe优雅实现全新的微前端方案,继承iframe的优点,补足 iframe 的缺点,让 iframe 焕发新生。 适合人群:具备一定编程基础,...

    多个iframe,显示其中一个frame中的div,并处于最上层显示

    在网页设计和开发中,有时候我们需要处理多个`iframe`(内联框架)并实现特定的交互效果,例如只显示其中一个`iframe`中的`div`元素,并确保它在所有其他元素之上,即处于最上层显示。这样的需求通常出现在需要创建...

    iframe跨域常用问题和iframe页面自适应

    在网页开发中,`iframe`(Inline Frame)是一种非常实用的元素,它可以将一个完整的HTML文档嵌入到当前页面中,常用于实现页面组件化、加载外部内容或隐藏页面加载等场景。本篇文章将深入探讨两个关键知识点:`...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中,DIV元素被IFRAME遮挡是一个常见的问题,尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况,并提供相应的解决方法。 首先,要了解的是IFRAME是一种HTML元素...

    easyui iframe 页面重复加载的问题

    在使用easyui框架开发Web应用时,特别是在使用tab布局的...以上就是对于easyui中iframe页面重复加载问题的分析及其解决方案的详细说明。在实际开发中,应合理运用这一技术细节,以达到更好的用户交互体验和系统性能。

    二个iframe之间传值 的小例子

    每个`iframe`都有一个`contentWindow`属性,它引用了`iframe`内的`window`对象。可以通过这个属性调用`iframe`中的函数: ```javascript var iframeB = document.getElementById('iframe_id'); iframeB....

    基于iframe的js动态标签tab

    在网页开发中,"基于iframe的js动态标签tab"是一个常见的功能实现,它结合了JavaScript、IFrame和Tab标签页的特性,为用户提供了一个交互式的浏览体验。这种技术主要用于在单个页面上加载和切换多个独立的内容区域,...

    多个iframe 获取 值

    在网页开发中,`iframe`(Inline Frame)是一种非常有用的元素,它允许我们在一个HTML文档中嵌入另一个HTML文档。这种技术常用于实现页面部分的动态加载、展示外部内容或进行页面间的通信。当我们需要从多个`iframe`...

    iframe详细用法

    iframe详细用法iframe详细用法iframe详细用法iframe详细用法iframe详细用法

    捕捉IFrame SRC改变事件

    - 定义了一个包含两个按钮的页面以及一个ID为`aaa`的`&lt;iframe&gt;`元素。 - JavaScript函数`showBPage()`和`showAPage()`分别用于修改`&lt;iframe&gt;`的`src`属性。 - **a.html**: - 在头部通过`&lt;script&gt;`标签定义了`...

Global site tag (gtag.js) - Google Analytics