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()
相关文档:
<!--
@page { margin: 2cm }
P { margin-bottom: 0.21cm }
-->
闭包(
closure
)
闭包意味着内层的函数可以引用存在于包围他的函数内的变量,即使外层函数的执行已经终止。这个特性非常强大和复杂。
例如:闭包如何使代码更清晰的两个例子
找出
ID
为‘
main’
的元素
var
......
/*
* 用来遍历指定对象所有的属性名称和值
* obj 需要遍历的对象
* author: Jet Mah
* website: http://www.javatang.com/archives/2006/09/13/442864.html
*/
function allPrpos(obj) {
// 用来保存所有的属性名称和值
var props = "";
&nbs ......
event.srcElement 与event.target
Javascript event.srcElement
感觉这个挺好,可以捕获当前事件作用的对象,如event.srcElement.tagName可以捕获活动标记名称。
注意获取的标记都以大写表示,如"TD","TR","A"等。所以把看过的一些抄下来,不记得的时候再来看看。
< ......
<OBJECT id="ocx文件名" codeBase="ocx控件的相对位置#version=1,0,0,0"
data="data:application/xoleobject;base64,mRHW/Ifh3UqI5ZryOEhtERAHAAD/KgAAYSQAAA=="
classid="CLSID:通过MCP找到的classid" VIEWASTEXT>
</OBJECT>
Javascript调用OCX控件
什么是ocx控件?
对象链接和嵌入用户控件 ......
javascript 字符串处理
一、声明字符串:
var normal_monkey = "I am a monkey!<br>";
document.writeln("Normal monkey " + normal_monkey);
var bold_monkey = normal_monkey.bold();
document.writeln("Bold monkey " ......