• location对象及history对象


     history对象

    location 是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。事实上,location 对象是很特别的一个对象,因为它既是window 对象的属性,也是document 对象的属性;换句话说,window.location 和document.location 引用的是同一个对象。

    一、所有属性:

    hash       "#contents"       返回URL中的hash(#号后跟零或多个字符),如果URL中不包含散列,则返回空字符串

    host       "www.wrox.com:80"   返回服务器名称和端口号(如果有)

    hostname    "www.wrox.com"     返回不带端口号的服务器名称

    href       "http:/www.wrox.com"  返回当前加载页面的完整URL。而location对象的toString()方法也返回这个值

    pathname    "/WileyCDA/"       返回URL中的目录和(或)文件名port "8080" 返回URL中指定的端口号。如果URL中不包含端口号,则这个属性返回空字符串

    protocol     "http:"          返回页面使用的协议。通常是http:或https:search "?q=javascript" 返回URL的查询字符串。这个字符串以问号开头

    二、路由操作

    location.assign(URL);

    将location.href或window.location 设置为一个URL 值,也会以该值调用assign()方法

    history的路由跳转

    一、go()函数

    1.前进和后退

    //后退一页
    history.go(-1);
    //前进一页
    history.go(1);
    //前进两页
    history.go(2);

    2.跳转到固定页面

    //跳转到最近的wrox.com 页面
    history.go("wrox.com");
    //跳转到最近的nczonline.net 页面
    history.go("nczonline.net");

    二、back()和forward()方法

    //后退一页
    history.back();
    //前进一页
    history.forward();

  • 相关阅读:
    JavaScript链式调用
    Javascript设计模式(2)-单体模式
    Javascript设计模式(1)
    stm32结合产品学习01—产品的框架
    【目标检测-模型对比1】R-CNN、SPPnet、Fast R-CNN、Faster R-CNN的对比
    【目标检测-框架测试】mmdetection的安装与使用
    【机器学习-笔记1】吴恩达网课笔记1——机器学习策略
    【算法】P1004 方格取数
    【算法】UVa 11624, Fire! 解题心得
    vector
  • 原文地址:https://www.cnblogs.com/yzg1/p/4832956.html
Copyright © 2020-2023  润新知