重新加载上一页';移动设备上的JavaScript
我正在测试一个模板,其中每个页面都有一个重新加载上一页';移动设备上的JavaScript,javascript,css,mobile,Javascript,Css,Mobile,我正在测试一个模板,其中每个页面都有一个opacity设置为0,并在使用事件侦听器加载页面时将其设置为1,使其看起来淡入 我遇到的问题是,当我在移动设备(即iPhone5)上点击“back”时,JS不会执行,页面的不透明度为0 我想这样做是为了节省带宽,但是有没有一种方法可以强迫浏览器在点击“back”时执行JS呢 代码的基本示例: window.addEventListener('load', function() { someelement.style.opacity = '1'; })
opacity
设置为0
,并在使用事件侦听器加载页面时将其设置为1
,使其看起来淡入
我遇到的问题是,当我在移动设备(即iPhone5)上点击“back”时,JS不会执行,页面的不透明度为0
我想这样做是为了节省带宽,但是有没有一种方法可以强迫浏览器在点击“back”时执行JS呢
代码的基本示例:
window.addEventListener('load', function() {
someelement.style.opacity = '1';
});
我想我已经找到了最好的解决方案,来自以下方面:
这很好用。其他的解决方案不起作用,或者对我来说有些反复无常。请参见您能给我们看一下代码吗?例如,您正在使用哪个onload事件。您是否尝试过使用计时器?我今天刚刚遇到了这个问题,并在这个线程中找到了答案:@Denocle谢谢!很明显,我所需要的,就像一个符咒。
function Reload() {
try {
var headElement = document.getElementsByTagName("head")[0];
if (headElement && headElement.innerHTML)
headElement.innerHTML += " ";
} catch (e) {}
}
if ((/iphone|ipod|ipad.*os 5/gi).test(navigator.appVersion)) {
window.onpageshow = function(evt) {
if (evt.persisted) {
document.body.style.display = "none";
location.reload();
}
}
}