首页 > 其他 > 详细

location和history对象

时间:2014-11-06 02:35:44      阅读:316      评论:0      收藏:0      [点我收藏+]

?

?

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>


bubuko.com,布布扣
?
bubuko.com,布布扣
?

?

?

?

location和history对象

原文:http://baihe747.iteye.com/blog/2152459

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!