使用ASP.NET 3.5 Extensions管理浏览器历史：使用客户端

ASP.NET 3.5 浏览器历史管理

最新推荐文章于 2025-11-23 21:36:02 发布

最新推荐文章于 2025-11-23 21:36:02 发布 · 91 阅读

文章标签：

#ASP.net #浏览器 #.net #ASP #Microsoft

[网站分类].NET新手区专栏收录该内容

33 篇文章

订阅专栏

本文介绍如何使用 ASP.NET 3.5 Extensions 的客户端脚本功能来管理浏览器的历史记录，通过三个按钮触发不同状态的保存，并展示如何通过 Sys.Application 对象的 navigate 事件和 addHistoryPoint 方法实现历史记录的管理和回溯。

1.新建一个web form,代码如下，注意黄色部分

2.浏览效果

3.贴一个微软提供的示例：

Microsoft sample code

@ Page Language="C#" %>

@ Import Namespace="System.Globalization" %>

@ Import Namespace="System.Collections.Generic" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Microsoft ASP.NET 3.5 Extensions</title>

function page_init()

{

Sys.Application.add_navigate(onStateChanged);

var cb1 = $get('clientButton1');

var cb2 = $get('clientButton2');

var cb3 = $get('clientButton3');

$addHandler(cb1, "click", clientClick);

cb1.dispose = function()

{ $clearHandlers(cb1); }

$addHandler(cb2, "click", clientClick);

cb2.dispose = function()

{ $clearHandlers(cb2); }

$addHandler(cb3, "click", clientClick);

cb3.dispose = function()

{ $clearHandlers(cb3); }

}

function onStateChanged(sender, e)

{

// When the page is navigated, this event is raised.

var val = parseInt(e.get_state().s || '0');

Sys.Debug.trace("Navigated to state " + val);

$get("div2").innerHTML = val;

}

function clientClick(e)

{

// Set a history point in client script.

var val = parseInt(e.target.value);

Sys.Application.addHistoryPoint(

{s: val}, "Click Button:" + val);

Sys.Debug.trace("History point added: " + val);

}

</script>

</head>

<body>

<div>

<asp:ScriptManager runat="server" ID="ScriptManager1" EnablePartialRendering="false" EnableHistory="true" />

Sys.Application.add_init(page_init);

</script>

<h2>

Microsoft ASP.NET 3.5 Extensions: Managing Browser History with Client Script</h2>

<p />

<p>

This sample shows:</p>

<ol>

<li>The <code>Sys.Application</code> object and the <code>navigate</code> event and <code>addHistoryPoint</code> method.</li>

<li>The <code>addHistoryPoint</code> method demonstrates addition of titles.</li>

</ol>

</div>

<p>

</p>

<h2>Example 1: Managing browser history in client script</h2>

<p>This example includes three buttons. The handler for each button's <code>click</code> event sets

navigation history points using the <code>Sys.Application</code> object. The script used here, makes use of the

<code>Sys.Debug</code> class to dump trace information to the TEXTAREA at the bottom of the page.

</p>

<p>When you click the buttons, and history points are added, you will be able to see the list of history entries and their titles in the

"Recent Pages" drop-down in Internet Explorer, for example.

</P>

<p>To see history in action, perform the following steps:</p>

<ol>

<li>Press <b>1</b>. See the trace output.</li>

<li>Press <b>3</b>. See the trace output.</li>

<li>Press <b>2</b>. See the trace output.</li>

<li>Press the browser's Back button. Notice that the page is refreshed with previous data and

that trace information shows this.</li>

</ol>

</div>

</form>

</body>

</html>