zoukankan      html  css  js  c++  java
  • 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();

  • 相关阅读:
    HDU 1009 FatMouse' Trade
    HDU 2602 (简单的01背包) Bone Collector
    LA 3902 Network
    HDU 4513 吉哥系列故事——完美队形II
    LA 4794 Sharing Chocolate
    POJ (Manacher) Palindrome
    HDU 3294 (Manacher) Girls' research
    HDU 3068 (Manacher) 最长回文
    Tyvj 1085 派对
    Tyvj 1030 乳草的入侵
  • 原文地址:https://www.cnblogs.com/yzg1/p/4832956.html
Copyright © 2011-2022 走看看