HtmlAnchor实现页面跳转示例_html页面跳转方法总结

HtmlAnchor实现页面跳转示例由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“html页面跳转方法总结”。

HtmlAnchor实现页面跳转示例

1、在VS2010中建立一个名为HtmlAnchor1的网站，具体步骤如下：依次点击开始=>程序=>Microsoft Visual Studio 2010=> Microsoft Visual Studio 2010,进入Microsoft Visual Studio 2010的主界面,然后依次点击文件=>新建=>网站,然后在弹出界面左侧的已安装模板下选择Visual C#语言、中间选择ASP.NET网站,然后点击浏览按钮，然后在弹出界面中的文件夹位置后输入E:HtmlAnchor1，然后点击打开按钮，在弹出的是否创建文件夹对话框中点击确定按钮，进入如图1-1-1所示的界面：

图1-1-12、在上面建立的HtmlAnchor1网站中添加一个文件HtmlAnchor1.aspx，方法如下：在解决方案资源管理器中右键点击网站所在的路径（这里为E:HtmlAnchor1）,在弹出的右键菜单中选择添加新项，在弹出的对话框中选择WEB窗体，在名称中输入HtmlAnchor1.aspx，点击添加按钮，然后在HtmlAnchor1.aspx代码的后的下一行加入如下代码: HtmlAnchor实现页面跳转示例

点击转到test.aspx 如图1-1-2所示：

图1-1-23、在图1-1-2中右侧的解决方案资源管理器中点击将HtmlAnchor1.aspx前的加号，然后双击显示出的HtmlAnchor1.aspx.cs，在弹出的界面中的protected void Page_Load(object sender, EventArgs e)中的{的下一行添加如下代码：

anchor1.HRef = “test.aspx”;/*这里将anchor1跳转的目标页设为test.aspx*/ 代码分析：上面脚本代码中的anchor1.HRef = “test.aspx”;将anchor1链接到了test.aspx文件，而上面的“点击转到test.aspx”是anchor1在页面中用户能看到的提示文本。

4、至此，第一个文件HtmlAnchor1.aspx的代码添加完成，但是为了看到程序运行后的结果，还需要再写一个test.aspx文件，方法如下：在解决方案资源管理器中右键点击网站所在的路径（这里为E:HtmlAnchor1）,在弹出的右键菜单中选择添加新项，在弹出的对话框中选择WEB窗体，在名称中输入test.aspx，点击添加按钮，然后在弹出界面的后的下一行，加入如下内容：

哈哈,已经进入测试页面,测试成功,HtmlAnchor使用就是这么简单！!

5、在VS2010界面中点击全部保存按钮，至此，本例中的所有手工添加的代码完成，其余的代码都是开发平台自动生成。现在，可以运行一下程序，看一下运行结果，运行方法如下：右键点击解决方案资源管理器中的HtmlAnchor1.aspx，在弹出的对话中选择在浏览器中查看，进入如图1-1-3所示的界面：

图1-1-3 在图1-1-3中点击“点击转到test.aspx”，进入如图1-1-4所示的界面：

图1-1-4 从图1-1-4可以看出，页面跳转已经成功。