Javascript 单击“上一步”按钮时是否存在跨浏览器加载事件？
对于所有主要浏览器（IE除外），当页面由于后退按钮操作而加载时，JavaScriptJavascript 单击“上一步”按钮时是否存在跨浏览器加载事件？,javascript,pageload,Javascript,Pageload,对于所有主要浏览器（IE除外），当页面由于后退按钮操作而加载时，JavaScriptonload事件不会触发 — 它仅在第一次加载页面时激发 有人能告诉我一些解决这个问题的示例跨浏览器代码（Firefox、Opera、Safari、IE等）吗？我熟悉Firefox的pageshow事件，但不幸的是，Opera和Safari都没有实现这一点。事件就是为这类问题创建的。你可能想深入研究这个实现，看看到底发生了什么。比尔，我敢回答你的问题，但是我不能100%肯定我的猜测。我认为其他IE浏览器在将用户带
onload有人能告诉我一些解决这个问题的示例跨浏览器代码（Firefox、Opera、Safari、IE等）吗？我熟悉Firefox的
pageshow<html>
<head>
<title>Test Page</title>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var d = new Date();
$('#test').html( "Hi at " + d.toString() );
});
</script>
</head>
<body>
<div id="test"></div>
<div>
<a href="http://www.google.com">Go!</a>
</div>
</body>
</html>
测试页
$（文档）.ready（函数（）{
var d=新日期（）；
$（'#test'）.html（“Hi at”+d.toString（））；
});
如果使用下面所示的示例（基于palehorse的示例），则在页面首次加载时会弹出一个警报框。但是，如果您转到另一个URL，然后点击“上一步”按钮返回此页面，则在Opera中不会弹出警告框（但在其他浏览器中会弹出警告框） 不管怎么说，我认为现在已经足够接近了。谢谢大家
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<meta http-equiv="expires" content="0">
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
function(){
alert('test');
}
);
</script>
</head>
<body>
<h1>Test of the page load event and the Back button using jQuery</h1>
</body>
</html>
无标题文件
$（文件）。就绪（
函数（）{
警报（“测试”）；
}
);
使用jQuery测试页面加载事件和后退按钮
history.navigationMode = 'compatible';
$(document).ready(function(){
alert('test');
});
我在Opera 9.5、IE7、FF3和Safari中测试了这一点，它在所有这些系统中都能正常工作。伙计们，我发现JQuery只有一个效果：当按下后退按钮时，页面会重新加载。这与“准备就绪”无关 这是怎么回事？好的，JQuery添加了一个onunload事件侦听器
// http://code.jquery.com/jquery-latest.js
jQuery(window).bind("unload", function() { // ...
<body onunload=""><!-- This does the trick -->
<script type="text/javascript">
alert('first load / reload');
window.onload = function(){alert('onload')};
</script>
<a href="http://stackoverflow.com">click me, then press the back button</a>
</body>
警报（“首次加载/重新加载”）；
window.onload=函数（）{alert（'onload'）}；
<body><!-- Will not reload on back button -->
<script type="text/javascript">
alert('first load / reload');
window.onload = function(){alert('onload')};
</script>
<a href="http://stackoverflow.com">click me, then press the back button</a>
</body>
警报（“首次加载/重新加载”）；
window.onload=函数（）{alert（'onload'）}；
load- 网络工具包：
- 火狐：
- 铬：
| | element.readyState=='complete'script.onreadystatechange(function(){
if(script.readyState == 'loaded' || script.readyState == 'complete') {
// call code to execute here.
}
});
在上面的代码示例中，脚本变量是一个新创建的脚本元素，它已添加到DOM中 我使用$（document）尝试了Bill的解决方案
$(window).unload(function(){ alert('do unload stuff here'); });
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery(window).bind("load", function() {
$("[name=customerName]").val('');
});
</script>
</head>
<body>
<h1>body.jsp</h1>
<form action="success.jsp">
<div id="myDiv">
Your Full Name: <input name="yourName" id="fullName"
value="Your Full Name" /><br> <br> <input type="submit"><br>
</div>
</form>
</body>
</html>
<input type='hidden' id='dirty'>
<script>
$(document).ready(function() {
if ($('#dirty').val()) {
// ... reload the page or specific divs only
}
// when something modifies a div that needs to be refreshed, set dirty=1
$('#dirty').val('1');
});
</script>
jQuery(document).ready(function($) {
$(window).on('load', function() {
//...
});
});
jQuery(document).ready(function($) {
//...
});
//Window Load Start
window.addEventListener('load', function() {
jQuery(document).ready(function($) {
//...
});
});