如何在javascript代码之前重新加载页面?
当用户单击按钮时,应发生以下情况:如何在javascript代码之前重新加载页面?,javascript,Javascript,当用户单击按钮时,应发生以下情况: 页面将重新加载 运行一些javascript代码 这是我的JavaScript代码: location.reload()==jQuery(函数($){ $(“div.ProductCheckout”)。单击(函数($){ 加载();//加载 $(窗口)。加载(函数(){ setTimeout.fadeOut(2000,函数(){//然后显示弹出窗口,在.5秒内删除 loadPopup();//函数show popup },500);//0.5秒 返回false
location.reload()==jQuery(函数($){
$(“div.ProductCheckout”)。单击(函数($){
加载();//加载
$(窗口)。加载(函数(){
setTimeout.fadeOut(2000,函数(){//然后显示弹出窗口,在.5秒内删除
loadPopup();//函数show popup
},500);//0.5秒
返回false;
});
});
$(“div.close”)。单击(函数(){
disablePopup();//函数关闭弹出窗口
});
$(此).keyup(函数(事件){
如果(event.which==27){//27是键盘上的“Ecs”
disablePopup();//函数关闭弹出窗口
}
});
$('a.livebox')。单击(函数(){
警惕(“你好,世界!”);
返回false;
});
函数加载(){
$(“div.loader”).show();
}
函数closeloading(){
$(“div.loader”).fadeOut(“正常”);
}
var popupStatus=0;//设置值
函数loadPopup(){
如果(popupStatus==0){//如果值为0,则显示弹出窗口
closeloading();//淡出加载
$(“#ProductCheckout”).fadeIn(0500);//fadeIn弹出div
$(“#backgroundPopup”).css(“不透明度”,“0.7”);//css不透明度,支持IE7、IE8
$(“#backgroundPopup”).fadeIn(0001);
popupStatus=1;//并将值设置为1
}
}
函数disablePopup(){
如果(popupStatus==1){//如果值为1,则关闭弹出窗口
$(“#ProductCheckout”)。淡出(“正常”);
$(“#背景弹出”)。淡出(“正常”);
popupStatus=0;//并将值设置为0
}
}
});
任何帮助都将不胜感激
为了获得许可,我只想在页面完全重新加载时运行此
javascript
代码。您可以尝试使用localStorage
。单击按钮,在localStorage中设置一些键,并在重新加载时检查此键是否可用,如果可用,则调用必要的函数
函数init(){
var callBackName=getFromLocalStorage(“重载回调”);
if(callBackName)
窗口[callBackName]();
....
}
注意:出于演示目的,我使用了window.function。在实际实现中,您可以将其分配给对象,或者如果是特定情况,则直接调用该函数
另外,如果您希望在页面加载完成后运行一些代码,您应该查看
窗口.onload
或$(document.ready()
)。附加参考:作者,“完全重新加载”,您是说用户强制浏览器重新获取任何缓存信息的硬重新加载,还是只需单击浏览器的重新加载按钮?$(窗口)。加载(函数(){
如果该窗口加载事件已经触发,则该函数中的此事件处理程序将永远不会被调用…为什么这里有前导0?$(“#backgroundPopup”).fadeIn(0001);
重写了前面的注释:我可能需要更多咖啡,但我无法集中注意力location.reload()==jQuery(函数($){
你能解释一下这个函数的条件和目的吗?参考:-基本上你的代码会导致这个函数重复执行。我的问题是,你为什么要这样做,这里的目的是不是包括重复添加里面的事件处理程序?你只想在loa页上执行一次这个代码吗d?Mark Schultheiss:“您是否只希望在页面加载时执行此代码一次?”回答:我只希望在页面加载完成后执行此代码一次。我的程序是什么?:回答:我正在电子商务网站上工作,我正在开发“弹出窗口签出”,我在用户按钮单击(立即购买)时创建了一个按钮“立即购买”:这将发生---->1:所需产品添加到购物车。(#1工作)2:打开弹出窗口前重新加载页面。(#2不工作)3:打开弹出窗口(#3工作)@AbdurRehman因此,据我所知,点击buy now
,您将把该产品添加到购物车。之后,页面刷新,刷新完成后,显示弹出窗口。我说的对吗?因此,点击buy now
,而不是location.reload()
,您可以尝试location.href=location.href.toString()+“?showPopUp=1”
。和在$(document).ready()上
您可以检查此参数并进行相应处理。基本上,您需要执行一个标志来显示弹出窗口。为此,您可以使用:查询参数
、本地存储
、cookies
或会话存储
。显示弹出窗口后,您可以重置此标志的值。您可以检查以下内容。这是一个localStorage实现