iframe框架实例（java 开发相关的问题，如图，iframe，什么意思）

本文目录

• java 开发相关的问题，如图，iframe，什么意思
• 如何向iframe中写入js代码让js在iframe中执行
• 网页设计浮动框架制作（带有滚动条效果），iframe语法完整使用，求实例
• 如何使用代码
• iframe说明与用法

java 开发相关的问题，如图，iframe，什么意思

《iframe》是框架的一种形式，它于《frame》不同的是iframe可以嵌在网页中的任意部分。

一、《iframe》中元素的作用
举如下例子:
《iframe name=a1 width=420 height=330 frameborder=0 scrolling=auto src=URL》《/iframe》
name：内嵌帧名称；
width：内嵌帧宽度(可用像素值或百分比)；
height：内嵌帧高度(可用像素值或百分比)；
frameborder：内嵌帧边框；
marginwidth：帧内文本的左右页边距；
marginheight：帧内文本的上下页边距；
scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)；
src：内嵌入文件的地址；
style：内嵌文档的样式(如设置文档背景等)；
allowtransparency：是否允许透明；

二、《iframe》使用的方法
1、在《ifame》中可以直接调用src来实现每个固定的页面的显示，例如：
《iframe name=a1 width=420 height=330 frameborder=0 scrolling=auto src=URL》
《/iframe》
这里的URL可以是相对路径，也可以是绝对路径。
2、超链接跳转到某个《iframe》，只要给《iframe》命名就可以了。例如《iframe width=420
height=330 name=myiframe frameborder=0 src=www.sina.com.cn》《/iframe》。如果要从某
个网页上的超链接转到该《iframe》，如下配置就可以：《a href=URL target= myiframe 》

如何向iframe中写入js代码让js在iframe中执行

1、首先，新建一个网页。

2、然后，为《button》按钮添加onclick事件，响应函数名的addiframeclick()。

3、再添加js脚本框架，并写出addiframeclick()函数的声明。

4、addiframeclick()函数的作用是为iframe框架添加onclick()事件。

5、这样，当点击button按钮后，会给iframe框架添加onclick()事件，点onclick()事件的响应效果是，点击iframe框架弹出信息提示。

网页设计浮动框架制作（带有滚动条效果），iframe语法完整使用，求实例

《div align="center"》
《iframe id="frame_content" name="twt" src="homepage.html" width="1008" height="100%" marginwidth="0" marginheight="0" align="middle" scrolling="no" frameborder="0" onload="this.height=100"》《/iframe》
《script type="text/javascript"》
function reinitIframe(){
var iframe = document.getElementById("frame_content");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
《/script》
《/div》

如何使用代码

iframe使用很简单，使用src属性指向另一个你需要包含的另一个文件即可，也可以通知制定宽(width)，高(height)等。比如：
《iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0》《/iframe》
--------------------------------------------------------------------------------
用IFRAME实现网页的内嵌和预载

***隐藏网址***

在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢？下面笔者介绍用iframe来实现的方法。
iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下：
name：内嵌帧名称
width：内嵌帧宽度(可用像素值或百分比)
height：内嵌帧高度(可用像素值或百分比)
frameborder：内嵌帧边框
marginwidth：帧内文本的左右页边距
marginheight：帧内文本的上下页边距
scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)
src：内嵌入文件的地址
style：内嵌文档的样式(如设置文档背景等)
allowtransparency：是否允许透明
明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中：
〈iframe name="import_frame" width=100%
height=80 src="samper.htm" frameborder=auto〉
〈/iframe〉
不错吧，马上“Ctrl+C”、“Ctrl+V”试试。
有时我们为强调页面的某项内容，想让它先于页面的其他内容显示。同样用iframe即可轻松实现：
先把要强调显示的内容另存为一个文件，如first.htm，然后通过一个预载页index.htm，内容如下：
***隐藏网址***
〈body〉
页面加载中，请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉
〈/body〉
主文件index2.htm
〈body〉
〈iframe src="first.htm"加入其他属性限制〉〈/iframe〉
〈/body〉
first.htm的内容就会先于页面的其他内容出现在您的浏览器里了，是不是很简单？再“Ctrl+C”、“Ctrl+V”一次？

iframe说明与用法

一、记录说明

二、iframe说明
《iframe》《/iframe》标签用于定义一个页面的内联框架。就是在一个html页面中分出小块，然后用iframe把其他网页嵌入进来，这小块就会显示其他html页面的内容了。

三、iframe标签常用属性

四、父、子页面常用方法
1、父页面

注意：iframe加载也需要时间（相当于重新打开一个页面），需要在父页面操作子页面，要等子页面加载完成，iframe常加上onload事件，jq常加上 $(’#iframeId’).load(function(){}); 再开始操作子页面。
2、子页面

五、实例
这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。因为jquery很方便，也引入了。

六、替换方法
1、ajax获取页面操作DOM加载。jquery也有提供 $(’divId’).load(’.html’) 直接加载的方法。
2、vue等框架，组件。