javaScript--跳转页面

版权声明:本文为博主原创文章,未经博主允许不得转载——Cc。 https://blog.csdn.net/mufeng633/article/details/75091617
**该功能类似于 浏览器的前进-后退**

第一个页面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>第一个页面</title>
    <script type="text/javascript">
        alert(document.title);
    </script>
</head>
<body>
<h1>第一个页面</h1>
<a href="第二个页面.html">跳转</a><br/>
<a href="javascript:history.forward()">forward前进</a><br/>
<a href="javascript:history.go(1)">go前进</a><br/>
<a href="javascript:history.go(-1)">back后退</a>
</body>
<a href="javascript:location.reload()">刷新页面</a><br/>
<!--/*将本页面 替换百度链接*/-->
<a href="javascript:location.replace('http://www.baidu.com')">百度一下</a><br/>

</html>

第二个页面

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>第二个页面</title>
</head>
<body>
<h1>第二个页面</h1>
<a href="第一个页面.html">后退</a><br/>

<a href="javascript:history.back()">back后退</a><br/>
<a href="javascript:history.go(-1)">go后退</a>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/mufeng633/article/details/75091617
今日推荐