『壹』 如何讓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();
},