location/history

最新推荐文章于 2024-01-03 17:06:48 发布

我的哥哥呦

最新推荐文章于 2024-01-03 17:06:48 发布

阅读量140

点赞数

分类专栏： webapi 文章标签： location history forward

本文链接：https://blog.csdn.net/qq_20497071/article/details/98471119

版权

webapi 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script>

    //对象中的属性和方法
    //location对象
    //console.log(window.location);

//    //地址栏上#及后面的内容
//    console.log(window.location.hash);
//    //主机名及端口号
//    console.log(window.location.host);
//    //主机名
//    console.log(window.location.hostname);
//    //文件的路径---相对路径
//    console.log(window.location.pathname);
//    //端口号
//    console.log(window.location.port);
//    //协议
//    console.log(window.location.protocol);
//    //搜索的内容
//    console.log(window.location.search);
        
        //history后退按钮
        my$("btn1").onclick = function () {
        window.location.href = "15test.html";
      };
          //前进
          my$("btn2").onclick = function () {
            window.history.forward();
          };
        //后退
        my$("btn").onclick = function () {
            window.history.back();
          };

    onload=function () {
      document.getElementById("btn").onclick=function () {
        //设置跳转的页面的地址
       //location.href="http://www.jd.com";//属性----------------->必须记住
       //location.assign("http://www.jd.com");//方法
        //location.reload();//重新加载--刷新
        //location.replace("http://www.jd.com");//没有历史记录

        

      };
    };

  </script>
</head>
<body>
<input type="button" value="显示效果" id="btn"/>

</body>
</html>