网页设计返回上一页的代码

html-css07

网页设计返回上一页的代码,第1张

1、新建一个html文件,命名为test.html,用于讲解js如何实现返回上一页,并刷新页面。

2、在test.html文件内,使用a标签创建一个链接,链接的地址是test2.html页面。

3、再新建一个html文件,命名为test2.html,用于实现返回上一页,即返回test.html页面。

4、在test2.html文件内,使用a标签创建一个链接,跳转的地址设置为“#”(href="#"),同时给该链接绑定onclick点击事件。

5、在test2.html文件内,将onclick事件绑定backurl()函数,即当链接被点击时,执行backurl()函数。

6、在test2.html文件的js标签内,创建backurl()函数,在函数内,使用document.referrer获得上一个页面的地址,再通过self.location跳转至上一个页面。

7、在浏览器打开test.html文件,查看实现的效果。

提供4种方法:

1、通过超链接返回到上一页

<a href="#" onclick="javascript:history.back(-1)">返回到上一页</a>

2、用按钮代码

<input type=”button” name=”Submit” onclick=”javascript:history.back(-1)” value=”返回上一页”>

3、图片代码

<a href=”javascript :” onClick=”javascript :history.back(-1)”><img src=”图片路径” border=”0″ title=”返回上一页”></a>

4、自动返回上一页代码

<meta http-equiv="refresh" content="3url=javascript:window.history.go(-1)">

content=这后面是时间。

扩展资料

html代码超文本标记语言(标准通用标记语言下的一个应用,外语缩写HTML),是迄今为止网络上应用最为广泛的语言,也是构成网页文档的主要语言。

HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

控制资料来源:百度百科:html代码

1、如果您在此页面内跳转,则可以使用<a href='#weizhi'>代码跳转到指定位置</a>。

2、<a href='#weizhi'>转到指定位置</a>是指向id weizhi的页面部分的超链接。 <div id =“weizhi”>位置</ div>是需要转移的部分。 id的值应该与<a href中的id号相同,前面带有#cord。

3、如果您需要在从另一个页面移动到此页面后跳转到另一个位置,则需要将<a name='jump flag'></a>添加到跳转位置作为跳转的标识符。

4、使用时,在其他页面的地址末尾添加#jump标志。

5、使用jquery跳转,引入jquery。

6、比如:让页面平滑滚动到一个id为box的元素处,则JQuery代码只要一句话。