location和history对象
history对象:
记录用户浏览过的url;提供返回的方法
back(); 前一个 forward();后一个 go();列表中具体的某个值
go(1);相当于back()
go(-1);相当于forward();
location对象:
提供当前对象的url信息
href ;返回完成的链接 reload;重新加载 replace;替换
例子;分别创建index.html和grace1.html,在index.html中可以点击grace1详情 跳转到grace1的介绍 ,在grace1.html中可以点击返回按钮返回到index.html
index.html中的代码;
<html>
<head>
<title>JavaScript的简单使用</title>
<Script type="text/JavaScript">
</Script>
</head>
<body>
<img src="image/grace1.jpg" alt="grace1"/> <br/>
<a href ="JavaScript:location.href='grace1.html'">grace1详情</a>
<a href ="JavaScript:location.reload()">刷新本页</a>
</body>
</html>
grace1.html代码
<html>
<head>
<title>grace1图片的简介</title>
<style type="text/css">
.fontChange{
font-size:bold;
color:red;
}
</style>
</head>
<body>
<div class="fontChange" >
<p>我是大姐姐</p>
<p>拜托拜托</p>
<p>爸比亲亲</p>
<p>我想要找粑粑</p>
<p>可是我也要吃很多</p>
<p>呜~~~（TvT哭）</p>
<a href="JavaScript:history.back()">返回主页</a>
</div>
</body>
</html>