易截截图软件、单文件、免安装、纯绿色、仅160KB

Javascript 刷新框架及页面的方法总集


今天同事发现一个问题:在某一页面Ajax中内嵌1页面跳转到另一个内嵌2页面,而再点击首页的时候,页面就出现整个内嵌2页面,刷新后就出现首页,默认的刷新地址还是刚刚已经完成操作的那一地址,需要用js加入强制刷新;
举个例子: 页面(http://.../control)中先提交了请求(http://...control/deleteSomeOne...),此时回到页面(http://.../control), 下面在该页面进行刷新结果再一次提交了delete请求, 如何令其刷新请求control页面呢?
项目中会用到很多关于框架页面刷新的方法。先来看一个简单的例子:
下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。
frame.html 由上(top.html)下(bottom.html)两个页面组成,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> frame </TITLE>
</HEAD>
<frameset rows="50%,50%">
<frame name=top src="top.html" mce_src="top.html">
<frame name=bottom src="bottom.html" mce_src="bottom.html">
</frameset>
</HTML>
现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新,可以用以下七种语句,哪个好用自己看着办了。
语句1. window.parent.frames[1].location.reload();
语句2. window.parent.frames.bottom.location.reload();
语句3. window.parent.frames[”bottom”].location.reload();
语句4. window.parent.frames.item(1).location.reload();
语句5. window.parent.frames.item(’bottom’).location.reload();
语句6. window.parent.bottom.location.reload();
语句7. window.parent[’bottom’].location.reload();
top.html 页面的代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()


相关文档:

遍历JavaScript对象的所有属性


/*
* 用来遍历指定对象所有的属性名称和值
* obj 需要遍历的对象
* author: Jet Mah
* website: http://www.javatang.com/archives/2006/09/13/442864.html 
*/ 
function allPrpos(obj) { 
    // 用来保存所有的属性名称和值
    var props = "";
&nbs ......

javascript event事件解析1 only handbook


event.srcElement 与event.target

 
Javascript event.srcElement
感觉这个挺好,可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。
注意获取的标记都以大写表示,如"TD","TR","A"等。所以把看过的一些抄下来,不记得的时候再来看看。
< ......

在Javascript中动态创建函数

创建动态函数(在c/c++中利用函数指针来实现)
  var FunctionName = new Function(argument1,...,lastargument);
  说明:
  所有的参数都必须是字符串类型的,最后的一个参数必须是这个动态函数的功能程序代码。
    <script type="text/javascript"> 
 & ......

JavaScript CSS Style属性对照表


CSS语法 (不区分大小写)   JavaScript语法 (区分大小写)
border                               border
border-bottom         &nbs ......

ECMA 推出 JavaScript 5

ECMA 本周推出了 JavaScript 5(PDF),除了增强基础函数库之外,还引入了严格运行时模式(Strict Runtime Modes)以避免代码中的常见错误。ECMA ECMAScript 4 的努力曾以失败告终,ECMA 甚至没有发布 ECMAScript 4 细则。
过去几年,诸如 Nitro,TraceMonkey 一类的 JavaScript 引擎发展迅猛,JavaScript 成了 Google Wav ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号