Location.href 返回整个当前url,若对其赋值:
location.href="http://www.sina.com.cn"则跳转其url
location.host 返回域名和端口号,如:www.sina.com.cn:80
lcation.hostname 返回域名
location.port 返回端口
location.pathname 返回域名后第一个斜框后的字符串
location.hash 跳到本页的某个锚
location.search 取url?后的部分

javascript 的history对象
history.back() 等同于按浏览器的后退按钮
history.forward() 等同于按浏览器的前进按钮
history.current 指当前的url(等同于location.href),
在历史中的索引位置总为 0
history.go(-2)或 history.go("任意.html") 向前或向后移动,
或查找字符串标明的最新url

 
用javascript location.reload() 刷新页面

〖刷新〗命令的实现

  [格式]:location.reload() 或 history.go(0)
  [说明]浏览器重新打开本页。
  [举例]在<body></body>之间加入:
  <a href="#" onclick=location.reload()>刷新</a>
  或加入:<a href="#" onclick=history.go(0)>刷新</a>
 

页面跳转方法

 共有以下几种:
1 在<head>和</head>中间插入
<META HTTP-EQUIV="refresh" content="1;URL=http://www.google.com/">
其中content中的第一个参数为定时n(秒),第二个参数为n秒后自动跳转到的URL

2 用javascript
window.location.href=http://www.google.com;或者
window.location=http://www.google.com;或者
window.location.assign("http://www.google.com");
这三者是等同的,第三种是标准写法,但最不常用,前两者是简便写法。第三种写法据说在IE中有跨站漏洞,

3 用javascript
location.replace(http://www.google.com)
 
这种方法的好处是:按“后退”按钮无法返回跳转前的页面

location对象的其它属性:

location提供了关于当前打开窗口或者特定框架的url信息。一个多框架的窗口对象在location属性显示的是父窗口的URL,每个框架也有一个与之相伴的location对象。

  • hash属性:location.hash返回当前框架的URL中’#’号之后(包括’#’号)的部分,即URL的锚点

  • host属性:描述URL的主机名和端口,只有端口号是URL的一个明确部分时,值中才包括端口号。

  • hostname属性:同host属性,但不包括端口号

  • href属性:该属性提供一个指定窗口对象的整个URL的字符串。

  • pathname属性:URL的路径名部分,主机名之后的部分,不包括锚点和query(即’?’之后的部分)

  • port属性:端口号。如果URL中没有端口号则为空,如果输入URL有端口号而被服务器自动忽略(redirect到80),在Firefox中能得到80,而在IE中为空

  • protocol属性:协议名,且后面紧跟着冒号。

  • 以上方法和属性请在使用时先行测试,因为不同浏览器以及不同版本的浏览器对其解释和执行或多或少都有些出入

js location对象相关命令的更多相关文章

  1. location对象相关

    JS是由DOM(文档对象模型).BOM(浏览器对象模型).以及ECMA组成,而location对象是BOM中的一个非常重要的对象,所有关于地址栏信息的内容都在这里.了解location对象之前让我们先 ...

  2. js location对象

    location提供了与当前窗口中加载文档有关的信息.还提供了一些导航功能.它既是window对象的属性,又是document对象的属性,window.location与document.locati ...

  3. JS JSON对象相关

    1.多对象合并 将2个或2个以上对象(object{....})中的属性进行合并,即最后合并为一个object{.....} 解决办法:Object.assign 方法 var form = {nam ...

  4. js 事件对象相关笔记

    事件对象     event就是一个事件对象 写到我们的监听函数的括号里面 当形参来看     事件对象只有有了事件才存在,他是系统给我们自动创建的 不需要我们传递参数     事件对象是我们事件的一 ...

  5. js中对象相关

    对象的创建: var first=new Object(); var second={ a:"bbb", b:function(){...} } 对象的内容增加: first.na ...

  6. JS浏览器对象:window对象、History、Location对象、Screen对象

    一.JS浏览器对象-window 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口 所有JavaScript全局对象.函数以及变量均自动成为window对象的成 ...

  7. JavaScript (JS)基础:BOM 浅析 (含window对象相关基本方法、属性解析)

    ① window对象(Math方法也属于window对象): window对象是JavaScript中的顶级对象,所有定义在全局作用域中的变量.函数都会变成window对象的属性和方法,window对 ...

  8. js的location对象

    js的location对象 location基础知识 BOM(浏览器对象模型)中最有用的对象之一就是location,它是window对象和document对象的属性.location对象表示载入窗口 ...

  9. 【2017-03-28】JS基础、windows对象、history对象、location对象

    一.JS基础 JS - javaScript 1.js功能: 1).进行数据的运算.2).控制浏览器的一些功能.3).控制元素(属性.内容.样式) js引用位置: 可以放在html页的任意位置. 推荐 ...

随机推荐

  1. pycharm 编写前端代码一些小技巧

    <!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8&qu ...

  2. 时钟周期 VS 机器周期

    时钟周期vs机器周期 Clock cycle The speed of a computer processor, or CPU, is determined by the clock cycle, ...

  3. 全国高校绿色计算大赛 预赛第三阶段(Python)(随机数)

    只提交了随机数 (真心不会 T-T ) import csv import random import pandas as pd import numpy as np # 预测结果文件:src/ste ...

  4. 关于C/C++的一些思考(1)

    C++的前世今生: C的结构化思想: Ada的模版思想: Fortran的运算符重载思想: Simula的OO思想:封装,继承,多态: C++类型描述了变量的三个特征: 该类型在内存中占用物理空间的大 ...

  5. 去掉idea中的警告

    目前我使用的两种方法 1.idea右下角有个小人,单击后选择Syntax即可 2.在setting→Editor→Inspections搜索SQL,把No data sources configure ...

  6. 第二次:Ubuntu16.04 系统怎么截图

    一开始想着写文章不用图,全靠文字描述,可是我错了,技术类文字没有图怎么能说的清楚,于是乎开始找在Ubuntu系统下的截图工具,网络神奇,发现了这个,以下命令可以反复试试: ubuntu 会自带一款截图 ...

  7. buf.copy()

    buf.copy(targetBuffer[, targetStart[, sourceStart[, sourceEnd]]]) targetBuffer {Buffer} 需要拷贝的 Buffer ...

  8. nginx下TP5 隐藏入口文件+支持pathinfo模式+配置多项目根目录

    首先说下项目目录情况  跟目录/usr/share/nginx/html/(别说怎么这么深  0.0) html文件夹下面两个目录 pssh  pssh_shop 两个tp5项目分别对应两个二级域名 ...

  9. 【转载】分布式系列文章——Paxos算法原理与推导

    转载:http://linbingdong.com/2017/04/17/%E5%88%86%E5%B8%83%E5%BC%8F%E7%B3%BB%E5%88%97%E6%96%87%E7%AB%A0 ...

  10. python之GUI图形用户界面 2014-4-7

    #图形用户界面1.下载和安装wxPython2.创建并显示一个框架import wx #导入wxPythonapp=wx.App()win=wx.Frame(None)win.Show() #调用窗口 ...