子页面刷新父窗口

最新推荐文章于 2022-01-17 14:18:37 发布

最新推荐文章于 2022-01-17 14:18:37 发布 · 151 阅读

文章标签：

#Ajax #面试 #HTML #ASP #JavaScript #ViewUI

Struts2 专栏收录该内容

19 篇文章

订阅专栏

下面的例子是一个子窗体调用方法改变父窗体

主页面 cc.html

<html>
<head>
<script type="text/javascript">
function temp(id) {
document.getElementById("temp").src = id;

}
function temps(id) {
alert(id);
}
</script>
</head>
<body>
主页
<a href="#" id="bb.html" onclick="temp(this.id);" > bb </a>
<a href="#" id="xx.html" onclick="temp(this.id);" > cc </a>
<Iframe id="temp" src="xx.html" width="500" heitht="600">aa </IFRAME>
</body>
</html>

子页面 xx.html

<html>

<body>
这是第一个子页面
</body>
</html>

子页面 bb.html

<html>
<body>
第二个子页面
<a href="#" id="xx.html" onclick="window.parent.temp(this.id);" > cc </a>
</body>
</html>

把这三个页面放在同一个目录下面，打开主页面试一下再对着代码看一下你就会找到你所需要的东西了

以下是iframe的一些语法
标记的使用格式是:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"> </iframe>
src：文件的路径，既可是HTML文件，也可以是文本、ASP等；
width、height："画中画"区域的宽与高；
scrolling：当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示；
FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0