注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

我的个人博客

欢迎访问我的网站www.shaccp.cn,学习软件编程

 
 
 

日志

 
 

location和history对象  

2014-11-05 15:41:14|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

history对象:

   记录用户浏览过的url;提供返回的方法

  

Js代码  收藏代码
  1.   back();   前一个  
  2.  forward();后一个  
  3. go();列表中具体的某个值  

    go(1);相当于back()

   go(-1);相当于forward();

 

 

location对象:

提供当前对象的url信息

  

Js代码  收藏代码
  1.  href ;返回完成的链接  
  2. reload;重新加载  
  3. replace;替换  

 

  

 

 

例子;分别创建index.html和grace1.html,在index.html中可以点击grace1详情  跳转到grace1的介绍  ,在grace1.html中可以点击返回按钮返回到index.html

 

 

index.html中的代码;

 

Js代码  收藏代码
  1. <html>  
  2. <head>  
  3.  <title>JavaScript的简单使用</title>  
  4.    
  5.  <Script type="text/JavaScript">  
  6.       
  7.  </Script>  
  8. </head>  
  9.   
  10. <body>  
  11.   <img  src="image/grace1.jpg" alt="grace1"/> <br/>  
  12.   <a href ="JavaScript:location.href='grace1.html'">grace1详情</a>  
  13.   <a href ="JavaScript:location.reload()">刷新本页</a>  
  14. </body>  
  15. </html>  

 

 

grace1.html代码

 

Js代码  收藏代码
  1. <html>  
  2. <head>  
  3.  <title>grace1图片的简介</title>  
  4. <style type="text/css">  
  5.      .fontChange{  
  6.      font-size:bold;  
  7.      color:red;  
  8.      }  
  9. </style>  
  10. </head>  
  11.   
  12. <body>  
  13.  <div class="fontChange" >  
  14.  <p>我是大姐姐</p>  
  15. <p>拜托拜托</p>  
  16. <p>爸比亲亲</p>  
  17. <p>我想要找粑粑</p>  
  18. <p>可是我也要吃很多</p>  
  19. <p>呜~~~(TvT哭)</p>  
  20.  <a href="JavaScript:history.back()">返回主页</a>  
  21.  </div>  
  22. </body>  
  23.   
  24.   
  25. </html>  


本文由上海java培训机构推荐阅读,更多精彩请浏览上海it培训官网。

  评论这张
 
阅读(2)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017