javascript

位置:IT落伍者 >> javascript >> 浏览文章

js刷新框架子页面的七种方法


发布日期:2019年08月18日
 
js刷新框架子页面的七种方法

下面以三个页面分别命名为lll为例来具体说明如何做

其中l由上下两个页面组成代码如下

<!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>

<HTML>

<HEAD>

<TITLE> frameDemo </TITLE>

</HEAD>

<frameset rows=%%>

<frame name=top src=l>

<frame name=button src=l>

</frameset>

</HTML>

现在假设l即上面的页面有一个button来实现对下面页面的刷新可以用以下七种语句哪个好用自己看着办了

语句 windowparentframes[]locationreload();

语句 windowparentframesbottomlocationreload();

语句 windowparentframes[bottom]locationreload();

语句 windem()locationreload();

语句 windem(bottom)locationreload();

语句 windowparentbottomlocationreload();

语句 windowparent[bottom]locationreload();

解释一下

window指代的是当前页面例如对于此例它指的是l页面

parent指的是当前页面的父页面也就是包含它的框架页面例如对于此例它指的是l

frames是window对象是一个数组代表着该框架内所有子页面

em是方法返回数组里面的元素

如果子页面也是个框架页面里面还是其它的子页面那么上面的有些方法可能不行

l源代码(页面上有七个按钮功能都是刷新下面的框架页面)

<!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>

<HTML>

<HEAD>

</HEAD>

<BODY>

<input type=button value=刷新 onclick=windowparentframes[]locationreload()><br>

<input type=button value=刷新 onclick=windowparentframesbottomlocationreload()><br>

<input type=button value=刷新 onclick=windowparentframes[bottom]locationreload()><br>

<input type=button value=刷新 onclick=windem()locationreload()><br>

<input type=button value=刷新 onclick=windem(bottom)locationreload()><br>

<input type=button value=刷新 onclick=windowparentbottomlocationreload()><br>

<input type=button value=刷新 onclick=windowparent[bottom]locationreload()><br>

</BODY>

</HTML>

下面是l页面源代码为了证明下方页面的确被刷新了在装载完页面弹出一个对话框

<!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>

<HTML>

<HEAD>

</HEAD>

<BODY onload=alert(我被加载了!)>

<h>This is the content in l</h>

</BODY>

</HTML>

               

上一篇:JavaScript根据屏幕解析度显示不同网页

下一篇:汇总:不错的使用频率较高的JS函数