码迷,mamicode.com
首页 > 其他好文 > 详细

历史记录

时间:2017-05-13 17:01:12      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:char   function   led   title   pre   lang   api   设置   状态   

 history API

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>历史记录</title>
</head>

<body>
  <input onclick="add()" type="button" value="添加一个历史记录">
  <script>
    function add() {
      // 判断浏览器是否支持这个API
      if (window.history && history.pushState) {
        // 支持
        history.pushState(new Date(), 设置历史状态显示的标题,但是浏览器不支持, ?demo= + new Date().toLocaleTimeString());
        // new Date()获取的是一个时间对象,
        // toLocaleTimeString转换成我们能认识的时间字符串
        // toLocaleDateString转换成我们能认识的日期字符串
      } else {

      }
    }

    window.addEventListener(popstate, function(e) {
      // 后退或前进操作
      console.log(e.state);
    });
  </script>
</body>

</html>

历史记录

标签:char   function   led   title   pre   lang   api   设置   状态   

原文地址:http://www.cnblogs.com/suxiaoxia/p/6849219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!