`

js 中window.location获取url各项参数详解

 
阅读更多

1,window.location方法后还还可以带href,search等参数

以下是参数介绍:

location对象 含有当前URL的信息. 属性 href 整个URL字符串.
protocol 含有URL第一部分的字符串,如http:
host 包含有URL中主机名:端口号部分的字符串.如//www.cenpok.net/server/
hostname 包含URL中主机名的字符串.如http://www.cenpok.net ;

port 包含URL中可能存在的端口号字符串.
pathname URL中"/"以后的部分.如~list/index.htm
hash "#"号(CGI参数)之后的字符串.
search "?"号(CGI参数)之后的字符串.
 2,例子

(1),pathname,search,href,是比较常用的几个参数下面就举一个这三个参数的例子。

    假如页面地址是:http://localhost/test/test.htm?id=1

 

<html>
<head>
</head>
<body>
<script languge=javascript>
alert(window.location.pathname);   --返回   /test/test.htm
alert(window.location.search);        --返回   ?id=1
alert(window.location.href);             --返回   http://localhost/test/test.htm?id=1
</script>
</body>
</html>

 

 (2),下面就举一个比较完整的例子

地址:http://www.111cn.net :80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

var data=window.location.href ;

输出值:console.log(data)=http://www.111cn.net :80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

 

var data=,window.location.protocol

输出值:console.log(data)=http:

 

 

var data=,window.location.host

 

输出值:console.log(data)=www.111cn.net

 

 

 

var data=window.location.port ;

 

URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符

 

输出值:console.log(data)=""

 

 

var data=window.location.pathname ;

输出值:console.log(data)=/fisker/post/0703/window.location.html

 

var data=window.location.search;

输出值:console.log(data)=?ver=1.0&id=6

 

var data=window.location.hash

输出值:console.log(data)=#imhere

 

 

 

 

 

 

分享到:
评论

相关推荐

    window.location.hash解析

    在JavaScript编程中,`window.location.hash` 是一个非常重要的属性,它用于获取或设置当前URL的哈希值,也就是URL中“#”后面的部分。这个属性在开发网页应用时经常被用来实现页面内的导航和锚点定位。这篇博客文章...

    详解js location.href和window.open的几种用法和区别.docx

    详解 JS location.href 和 window.open 的几种用法和区别 location.href 和 window.open 是 JavaScript 中两个常用的方法,用于控制浏览器的导航和窗口操作。它们的用法和区别是很多开发者需要了解和掌握的知识点。...

    window.open打开新窗口参数设置

    ### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...

    JavaScript中Window.open参数

    ### JavaScript中Window.open参数详解 #### 1. 最基本的弹出窗口代码 在Web开发中,`window.open` 方法是非常实用的一个功能,它可以用来创建一个新的浏览器窗口或标签页,并加载指定的URL。最简单的使用方式如下...

    Window.Open详解

    此方法是 `window` 对象的一个属性,通过调用该方法可以指定打开的新窗口的URL、名称以及一系列窗口参数。 #### 二、基本语法 ```javascript window.open(pageURL, name, parameters); ``` - **pageURL**:必填...

    window.open参数详解

    ### window.open 参数详解 在JavaScript中,`window.open()` 方法被广泛用于打开新的浏览器窗口或标签页。这对于创建弹出窗口、预览链接等场景非常有用。本文将详细介绍 `window.open()` 的各个参数及其用法。 ###...

    js中window.open打开一个新的页面.docx

    window.open() 函数在 JavaScript 中的应用详解 window.open() 函数是 JavaScript 中一个非常重要的函数,用于打开一个新的浏览器窗口或标签页。在实际开发中,我们经常需要使用 window.open() 函数来打开新的页面...

    window.open参数详解.txt

    在Web开发中,`window.open()`是一个非常实用的JavaScript函数,用于在新的浏览器窗口或标签页中打开一个指定的URL。它不仅能够打开新窗口,还可以控制新窗口的属性,如大小、位置以及是否显示工具栏、菜单栏等。...

    window.open.txt

    `window.open()`是JavaScript中一个非常实用的方法,它用于在一个新的浏览器窗口或标签页中打开一个新的文档。此方法通常被用作弹出窗口或新标签页的功能实现基础。其基本语法为: ```javascript window.open(URL, ...

    js获取url参数

    ### JavaScript 获取 URL 参数详解 #### 一、引言 在Web开发中,经常需要处理URL中的查询参数。这些参数通常用于传递页面之间的数据或者状态信息。JavaScript作为一种强大的客户端脚本语言,提供了多种方法来实现...

    AS语言获取url参数的说明

    这里的代码利用了`ExternalInterface.call`方法调用了JavaScript中的`eval`函数来执行`window.location.href`,从而获取到了完整的URL。 ##### 2. 获取协议 协议可以通过`window.location.protocol`来获取。例如:...

    js中window.open的参数及注意注意事项.docx

    ### JavaScript 中 `window.open` 方法详解 #### 一、引言 在Web开发中,`window.open` 是一个非常常用的方法,它允许我们从当前窗口打开一个新的浏览器窗口或者在一个已经存在的窗口中加载一个新的文档。然而,在...

    JavaScript中window.open用法实例详解

    JavaScript中的`window.open()`函数是用于在浏览器中打开新窗口或者新标签的API,它可以用于创建一个新的浏览器窗口或者替换已存在的窗口。这个函数通常在网页交互中用来打开新的链接、弹出对话框或者进行页面间的...

    js获取URL的信息

    ### JavaScript 获取 URL 信息详解 #### 一、引言 在 Web 开发中,JavaScript 经常被用来处理用户交互和动态数据展示。其中一项重要的功能便是获取当前页面的 URL 信息,这对于处理表单提交、跳转链接、动态加载...

    js获取地址栏参数

    ### JavaScript 获取URL地址栏参数详解 #### 一、引言 在Web开发中,经常需要通过URL传递参数来实现页面间的数据交互。JavaScript作为一种广泛应用于Web前端开发的语言,提供了多种方式来获取URL中的参数。本文将...

    window.open的参数详细应用

    下面将详细探讨 `window.open` 方法的各项参数及其应用场景。 #### 基本语法 ```javascript window.open(URL, target, features); ``` - **URL**: 指定新窗口加载的文档地址。 - **target**: 指定新窗口的名字。...

    js刷新页面location.reload()用法详解

    JavaScript中的`location.reload()`函数是用于刷新当前页面的,它允许开发者在用户界面中实现页面的动态更新,或者在特定条件下重新加载页面内容。这个函数是`window`对象的一个方法,因此可以在任何全局作用域中...

Global site tag (gtag.js) - Google Analytics