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

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文件，查看实现的效果。

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代码只要一句话。

提供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代码

---