html文档中的location对象属性理解及常见的用法

关于location对象的简单理解：

1.location对象中涵盖了当前页面（本页面）或者更直接的说，是当前加载的这个html文档的url信息

2.location对象作为window对象的一个属性，可以通过window.location老访问

下面顺便介绍一些URL(资源定位符)的相关信息吧：

在浏览器中URL通常由下面几个部分组成的：

[协议][host][path][query]

协议：常见的协议有：

http:// 表示资源文件在web服务器上

ftp://表示资源文件在网络上的ftp服务器中

host：主机名以及端口号，例如本机tomcat常用的host：localhost:8080

path:项目的路径信息，一般是由“/”以及字符组成的，"/"为上下级关系

query：一般是以“？”开头的，后面加上一些歌键值对（key=value）的形势，多个键值对时用“&”隔开，可用于动态网页，传参数至服务器端，用于后台有关操作，查询数据库条件等等，提交表格数据等等，都可以放在这里提交，涉及安全性的东西需要另外搞定加密或者通过其他方式。。。。

query的后面还可以添加以“#”号开头的参数，但是目前没用到这个东西，暂时不随便发表言论

location对象属性：

1.href属性：当前页面的完整url信息，包括协议，主机名，端口号，查询参数，#信息等等等，完整的都包含了

2.host属性：主机名称和端口号，比如localhost:8080本机

3.hostname：主机名

4.port：url中的端口号

5.pathname：url中的路径内容包含“/”的那部分内容

6.protocol：协议

7.serach：以“?”开始的query部分内容

8.hash：以“#”开始的内容

location常见的用法

很显然，除了可以给开发者提供便捷的属性信息以外，还有一个更加重要和常用的用途

重新加载页面，可以用来刷新文档内容，但是更加重要的用途是，修改href信息之后，重新加载文档内容

location.href:在赋值之后，浏览器会根据这个指定的全新的url，刷新文档的内容

location.reload()：重新加载文档

协助我们解决页面跨域的问题：

1.刷新当前的页面

window.location.href =url//我习惯使用这个方法

self.location.href =url

location.href =url

上述三个方法都可用来刷新当前页面（根据指定的url重新加载，可以是另一个全新的文档，替换当前文档）

2.父页面中使用iframe包含了子页面时

父页面刷新子页面：

window.frames["id"].location.reload()//id为页面中iframe的id

3.子页面刷新父页面

parant.location.reload()

self.opener.location.reload()

方法有很多，随着以后的实际使用继续总结！！！！

其他常见方法：

location.replace() //使用新文档替换当前文档

location.assign() //加载新文档

赞 (0)

相关推荐

  • html文档中的location对象属性理解及常见的用法

    关于location对象的简单理解: 1.location对象中涵盖了当前页面(本页面)或者更直接的说,是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性,可以通过window.location老访问 下面顺便介绍一些URL(资源定位符)的相关信息吧: 在浏览器中URL通常由下面几个部分组成的: [协议][host][path][query] 协议:常见的协议有: http:// 表示资源文件在web服务器上 ftp://表示资源文件在网络上的ftp

  • python中如何将一个JSON文档映射为Python对象

    python中如何将一个JSON文档映射为Python对象

    目录 一.将一个JSON文档映射为Python对象 第一种方法 第二种方法 二.总结 前言: 文章主要包括一下三个部分: 考点:loads函数的用法. 面试题:如何将一个JSON文档映射为Python对象? 解析 一.将一个JSON文档映射为Python对象 第一种方法 供我们读取的JSON文件是test.json,文件内容如下: { "name": "孤寒者", "age": 18, "height": 130 } 首先,我

  • asp.net下用Aspose.Words for .NET动态生成word文档中的图片或水印的方法

    asp.net下用Aspose.Words for .NET动态生成word文档中的图片或水印的方法

    1.概述 在项目中生成word文档,这个功能很普遍的,一般生成都是纯文字或是列表的比较多,便于客户打印,而要把图片也生成到word文档中的需求有些客户也是需要的,例如产品图片.这次我们介绍的是如何利用Aspose.Words for .NET在Word中动态的生成图片或水印.Aspose.Words for .NET,这个我就不多介绍了,不清楚的朋友可以看看上一篇文章.需求总是变化得快,最近项目中又多了一个这样需求:系统中生成报价单后,要有一个签名,这个签名是根据不同用户来生成的图片.好了,下面

  • JavaScript中访问id对象 属性的方式访问属性(实例代码)

    实例如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

  • Java解析word,获取文档中图片位置的方法

    Java解析word,获取文档中图片位置的方法

    前言(背景介绍): Apache POI是Apache基金会下一个开源的项目,用来处理office系列的文档,能够创建和解析word.excel.ppt格式的文档. 其中对word文档的处理有两个技术,分别是HWPF(.doc)和XWPF(.docx).如果你对这两个技术熟悉的话,就应该能明白使用java解析word文档的痛楚所在. 其中两个最大的问题在于: 第一是这两个类并没有统一的父类和接口(隔壁的XSSF和HSSF投过来鄙视的眼光),所以没法进行同一格式的接口式编程: 第二是官方API中并

  • 详解Vue文档中几个易忽视部分的剖析

    针对Vue文档中部分大家可能不会去研读的内容,我做了个小总结,作为有经验者的快餐,不是特别适合初学者,可能有不妥之处,希望大家多提建议. 节省代码量的mixin mixin概念:组件级可复用逻辑,包括数据变量/生命周期钩子/公共方法,从而在混入的组件中可以直接使用,不用重复写冗余逻辑(类似继承) 使用方法: 在某一公共文件夹pub下创建mixin文件夹,其下创建mixinTest.js const mixinTest = { created() { console.log(`components

  • 在HTML文档中嵌入JavaScript的四种方法

    在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 1.内嵌,放置在<script>和</script>标签之间  (少): 2.放置在有<script>标签的src属性指定的外部文件中  (多): 3.放置自HTML事件处理程序中,该事件处理程序由onclick或onmouseover这样的HTML属性值指定它  (很少): 4.放在一个URL里,这个URL使用特殊的协议"javascript"协议

  • asp.net下用Aspose.Words for .NET动态生成word文档中的数据表格的方法

    asp.net下用Aspose.Words for .NET动态生成word文档中的数据表格的方法

    1.概述 最近项目中有一个这样的需求:导出word 文档,要求这个文档的格式不是固定的,用户可以随便的调整,导出内容中的数据表格列是动态的,例如要求导出姓名和性别,你就要导出这两列的数据,而且这个文档不是导出来之后再调整而是导出来后已经是调整过了的.看到这里,您也许马上想到用模板导出!而且.NET中自带有这个组件:Microsoft.Office.Interop.Word,暂且可以满足需求吧.但这个组件也是有局限性的,例如客户端必须装 office组件,而且编码复杂度高.最麻烦的需求是后面那个-

  • 使用c#在word文档中创建表格的方法详解

    复制代码 代码如下: public string CreateWordFile()        {            string message = "";            try            {                Object Nothing = System.Reflection.Missing.Value;                string name = "xiehuan.doc";               

  • C#编程实现Excel文档中搜索文本内容的方法及思路

    打开Excel的VBA帮助,查看Excel的对象模型,很容易找到完成这个功能需要的几个集合和对象:Application.Workbooks.Workbook.Worksheets还有Worksheet和Range.Application创建Excel应用,Workbooks打开Excel文档,Workbook获得Excel文档工作薄,Worksheets操作工作表集合,Worksheet获得单个工作表. 搜索的思路对应上述集合和对象,可以这样表述:要搜索的文本可能存在Excel文档当中的某个工

随机推荐