开发保留标准浏览器功能的AJAX应用程序

最新推荐文章于 2025-11-23 16:56:34 发布

转载最新推荐文章于 2025-11-23 16:56:34 发布 · 663 阅读

文章标签：

#ajax #浏览器 #function #javascript #html

Javascript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单页面历史记录管理功能。通过监听页面URL哈希的变化，并利用选择器来改变显示的年份选项，实现了基本的前后导航效果。此方法适用于不需要完整浏览器历史API的轻量级应用。

<html>

<head>
<script language="JavaScript" type="text/JavaScript">
var expectedHash = "";

function makeHistory(newHash)
{
window.location.hash = newHash;
expectedHash = window.location.hash;
return true;
}

function reportOptionValue()
{
var myForm = document.make_history;
var mySelect = myForm.change_year;
return mySelect.options[mySelect.selectedIndex].value;
}

function setOptionValue(value)
{
var myForm = document.make_history;
var mySelect = myForm.change_year;
mySelect.options[value-1].selected = true;
return true;
}

function handleHistory()
{
if ( window.location.hash != expectedHash )
{
    expectedHash = window.location.hash;
    var newoption = expectedHash.substring(6);
    setOptionValue( newoption );
}
return true;
}

function pollHash() {
handleHistory();
window.setInterval("handleHistory()", 1000);
return true;
}
</script>

</head>

</html>