『壹』 如何让html页面实现每次刷新的时候重新执行js
每刷新一次就加载一次页面只要在第一次加载页面的时候执行后面刷新应该都会执行
下面是窗口加载时执行的函数,希望有所帮助。
window.onload=function(){
alert("onload");
}
『贰』 如何在页面关闭或刷新时触发javascript事件
一个判断页面是否真的关闭和刷新的好方法:
window.onbeforeunload=function (){
alert("===onbeforeunload===");
if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){
alert("你关闭了浏览器");
}else{
alert("你正在刷新页面");
}
}
这段代码就是判断触发onbeforeunload事件时,鼠标是否点击了关闭按钮,或者按了ALT+F4来关闭网页,如果是,则认为系统是关闭网页,否则在认为系统是刷新网页。
onbeforeunload与onunload事件
Onunload,onbeforeunload
都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload
来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
Onbeforeunload
也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读
到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而Onbeforeunload 可以做到。
页面加载时只执行onload
页面关闭时先执行onbeforeunload,最后onunload
页面刷新时先执行onbeforeunload,然后onunload,最后onload。
1、onbeforeunload事件:
说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。
用法:
·object.onbeforeunload = handler
·<element onbeforeunload = “handler” … ></element>
描述:
事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。
触发于:
·关闭浏览器窗口
·通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·
调用以下任意一个事件的时候:click,document write,document open,document close,window
close ,window navigate ,window NavigateAndFind,location replace,location
reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素:
·BODY, FRAMESET, window
平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+
示例:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>onbeforeunload测试</title>
<script>
function checkLeave(){
event.returnValue="确定离开当前页面吗?";
}
</script>
</head>
<body onbeforeunload="checkLeave()">
</body>
</html>
2、onunload事件
用法:
·object.onbeforeunload = handler
·<element onbeforeunload = "handler"></element>
描述:
当用户关闭一个页面时触发onunload 事件。
触发于:
·关闭浏览器窗口
·通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·
调用以下任意一个事件的时候:click,document write,document open,document close,window
close ,window navigate ,window NavigateAndFind,location replace,location
reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
示例:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>onunload测试</title>
<script>
function checkLeave(){
alert("欢迎下次再来!");
}
</script>
</head>
<body onunload="checkLeave()">
</body>
</html>
『叁』 如何在页面关闭或刷新时触发javascript事件
window.onbeforeunload=function (){
alert("===onbeforeunload===");
if(event.clientX>document.body.clientWidth && event.clientY < 0 || event.altKey){
alert("你关闭了浏览器");
}else{
alert("你正在刷新页面");
}
}
『肆』 js怎么写2秒后再刷新当前页面
设置定时2秒后执行刷新。
<script type="text/javascript">
setTimeout(function(){//使用setTimeout()方法设定定时2000毫秒
window.location.reload();//页面刷新
},2000);
</script>
(4)页面刷新时执行js扩展阅读:
html代码和JS代码的区别
一、基础不同
1、JS代码:基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
2、html代码:是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。
二、用处不同
1、JS代码:用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
2、html代码:结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。
『伍』 js方法在加载时调用,但窗体初次加载时,该方法却没有执行,而在页面刷新时,该方法却执行了
img元素只有当onload(完全加载,可以显示)的时候你才能获得它的属性width,height,naturalWidth,naturalHeight。(naturalWidth和naturalHeight是它们真实的尺寸,但IE6/7/8不支持。)
你的if不执行是因为当JavaScript运行到这一行的时候img还没有被加载,得不到width和height属性值,瞬间就被忽略了。所以你必须等每一个img加载才能设置它父层bt的尺寸。
窗体加载的事件是$(window).on("load",function(){/*、、、*/});,但你的情况不需要。
function LimitImg() {
$(".mo").each(function() {
var image = new Image();
// 图像加载完毕
image.onload = function() {
if (this.height > 700 && this.width <= 454) {
$(bt).css("height", "700");
}
else if (this.width > 454 && this.height <= 700) {
$(this).css("width", "454");
}
else if (this.width > 454 && this.height > 700) {
$(this).css("width", "454");
var iH = 454 * (this.height) / this.width;
if (iH > 700) {
$(bt).css("height", "700");
}
}
// 销毁 image 以防内存溢出
image = null;
}
// 注意 image.src 必须写在 image.onload 之后
image.src = $(this).attr("src");
});
}
使用jQuery的load也可以得到image的尺寸,但如果有CSS或父层限制,得到的width和height是不准确的。所以必须使用newImage()。
$(".mo").each(function() {
$(this).on("load", function() {
alert($(this).width() + " " + $(this).height());
});
});
『陆』 利用js实现进入页面首先执行刷新操作,且只刷新一次
js 页面刷新
让页面进行刷新,可以使用 location.reload() 方法,但是这种方法会让页面一直不断的刷新。
这是因为当页面加载完成以后,我们让它刷新一次,那么浏览器就会重新向服务器请求数据,界面会重新加载,然后,加载完成又调用了location.reload()方法,这样就陷入了死循环,一直处于请求然后刷新的状态。
为了解决这样的问题,我们使用下面这种方式:
利用以上方法,在每次进入这个页面的时候,都会绕过浏览器缓存,重新向服务器获取数据。
『柒』 js jsp 高手进,关于点击一个连接,先刷新页面,后执行js函数怎么实现
一般都是先执行javascript,后执行action。如果要反过来,那最简单的方法就是在你那个onclick设置版javascript延时。onclick的时候先权提交action,再调用setTimeout("方法名",1000) ,1000为毫秒相当于1秒,你可以根据action执行时间,自己设置.除了这个方法,ajax技术也可以实现
『捌』 怎么实现当页面刷新时,都执行页面javascript中的一个方法
你把javascript写在页面里,每次刷新页面都会自动执行啊回,例如
<html>
<head><title>test</title></head>
<body>
<script>
alertWarn();
function alertWarn(){
alert('这是一个测答试');
}
</script>
</body>
</html>
『玖』 js实现进入页面先刷新在继续进行js的功能
直接修改返回的那来一源行的状态就可以了!
这里加参数message,你ajax返回内容里加入执行结果和执行id,然后在这个函数里找到操作行,直接修改操作行的内容
success:function(message){
LG.showSuccess('停户成功');
f_reload();
},