iframe 标签 -- HTML内联框架
-
iframe标签是成对出现的,以
<iframe>开始,</iframe>结束
- iframe标签内的内容可以做为浏览器不支持iframe标签时显示
- 引用网址:http://www.dreamdu.com/xhtml/tag_iframe/
- 属性
-
Common -- 一般属性
-
name -- 定义了内容页名称,此名称在框架页内链接时使用到
-
src -- 定义了内容页URL(同frame标签)
-
frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
-
1 -- 在每个页面之间都显示边框
-
0 -- 不显示边框
-
height -- 框架的高度,取值像素或百分比
-
width -- 框架的宽度,取值像素或百分比
-
marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
-
marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
-
scrolling -- 定义是否有滚动条,取值为(
yes|no|auto),缺省值为auto
-
yes -- 显示滚动条
-
no -- 不显示滚动条
-
auto -- 当需要时再显示滚动条
-
align -- 垂直或水平对齐方式
-
longdesc -- 定义框架页的说明
1.Javascript获取IFrame内容(兼容IE&FF)
在IE下操作IFrame内容的代码:
document.frames[MyIFrame].document.getElementById.style.color=blue;
但是这在Firefox下无效。 所以，想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:
document.getElementById(MyIFrame").contentDocument.getElementById(s).style.color=blue
2.js刷新firame内容
iframe = document.getElementById('location_iframe');
iframe.src = 'url';
iframe.location.reload();
3.如何在iframe中设置背景颜色为透明
在src页面设置<body bgColor="#FFFFFF">
分享到：
相关推荐
首先，要实现iframe嵌套，你需要在HTML代码中插入`<iframe>`标签。例如： ```html <iframe src="http://example.com/page.html" width="100%" height="600" frameborder="0"></iframe> ``` 这里的`src`属性指定了要...
在Vue.js中实现嵌套页面通常涉及到使用`iframe`元素来加载外部网页或者内部组件。`iframe`允许我们在一个Vue应用中嵌入另一个独立的HTML文档，这对于展示第三方内容、实现某些特定功能或者处理复杂交互场景时非常...
vue项目中一个模板组件，不同iframe的src地址，对应不同的路由，不同标签页，且切换标签页不重载。这种客户的要求是特例在网上没有，所以纯自行手码。由于项目在vuex保存了标签页，所以初次进入该组件时，调用了一次...
标题 "防止被IFRAME嵌套并自动跳到首页代码.rar" 涉及到的是一种常见的网络安全策略，主要用于防止网站被恶意嵌入到其他站点的IFRAME中。IFRAME是HTML的一种元素，允许在同一个网页中嵌入另一个网页，这在某些情况下...
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单，右侧显示不同html内容，并加有css样式，美观实用。很简单的界面，没有多余功能。博文网址：https://blog.csdn.net/LawrenceUyi31?type=blog
### iframe跨域嵌套自适应高度 在网页开发过程中，`iframe`作为一种常见的网页元素，被广泛用于在当前页面中嵌入另一个独立的文档或页面。然而，在实际应用中经常会遇到一些问题，如跨域限制、自适应高度调整以及...
多层嵌套iframe 自适应高度的解决方法
练习说明：使用postMessage可以在iFrame、父子窗口、跨页面等，之间相互传递消息。 你好，我是TKCB-GO，一个有着游戏策划梦想，却沦为程序员的游戏家，这是我的技术博客：www.tkcb.cc 技术博客网站里面，除了我的...
在本项目“vue项目多入口,iframe嵌套.zip”中，开发者探索了如何在Vue项目中实现多入口配置，并利用iframe进行页面的嵌套。让我们详细探讨这些概念。 1. **Vue 多入口配置**： 在一个大型应用中，通常需要为不同的...
1. js如何判断是否在iframe中 Js代码 //方式一 if (self.frameElement && self.frameElement.tagName == IFRAME) { ...2. 防止网页被别站用 iframe嵌套 将下面的代码加到您的页面 <head></head> 位置
标题提到的“iframe自动适应高度（完美自适应高度嵌套代码）”提供了一个解决方案，它能够确保`iframe`在各种主流浏览器中都能正确地自适应内容高度，包括360浏览器、IE6-9、遨游、火狐以及搜狗浏览器。 在传统的`...
vue3嵌套iframe及相互通迅，包含vue嵌套iframe的通用组件，vue 与 iframe 相互通讯的公共方法；同时包含apache部署vue的配置文件，以及vue访问apache代理的静态html页面。 实现通过vue路由 加载第三方服务页面，实时...
客户端使用 iframe 嵌套概要不同的系统各自都有自己风格的登录界面，接入 CAS 的单点登录时，可以使用 iframe 嵌套的方式实现 SSO。这里做了一个
最近在做作业中需要在不用iframe的情况下嵌套页面，所以只好在div中嵌套，用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
WebBrowser开放过程遇到iframe嵌套的问题,如果不通过代码递归查找你很难搞明白一个框架页被嵌套在几级框架里,特别是一些广告投放的代码,站长为了省事会把广告代码放在框架理,而广告代码本身又包含复杂的框架嵌套. ...
问题描述 当我们使用easyui做后台管理系统的时候，会使用tree组件来实现树形菜单，而我们每点击一次相应菜单，会根据是否有url来判断是否是一级菜单，以及是否...如果为否，我们就会嵌套一个iframe标签来打开一个相应的
flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex iframe 支持在flash中嵌套入html jsp asp php等flex...
就想弄一个winform结合html5的一个小东西，突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法，一起看看吧
自动调整iframe高度的核心在于监听页面加载完成事件，然后通过JavaScript读取iframe内部内容的高度，并将其设置为iframe本身的高度。这一过程通常需要针对不同浏览器进行适配，因为iframe在不同的浏览器中可能采用...