`
lwt_cedric
  • 浏览: 115350 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

javascript获取网页URL地址及参数等

阅读更多
先看一个示例

用javascript获取url网址信息

<script type="text/javascript">
document.write("location.host="+location.host+"<br>");
document.write("location.hostname="+location.hostname+"<br>");
document.write("location.href="+location.href+"<br>");
document.write("location.pathname="+location.pathname+"<br>");
document.write("location.protocol="+location.protocol+"<br>");
</script>


执行 用javascript获取url网址信息 代码效果如下

location.host=www.vnde.cn
location.hostname=www.vnde.cn
location.href=http://www.vnde.cn/bc/2008/0306/article_1860.html
location.pathname=/bc/2008/0306/article_1860.html
location.protocol=http:




详细介绍 window.location方法获取URL
统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成:
scheme://host:port/path?query#fragment

scheme:通信协议
常用的http,ftp,maito等

host:主机
服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。

port:端口号
整数,可选,省略时使用方案的默认端口,如http的默认端口为80。

path:路径
由零或多个”/”符号隔开的字符串,一般用来表示主机上的一个目录或文件地址。

query:查询
可选,用于给动态网页(如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页)传递参数,可有多个参数,用”&”符号隔开,每个参数的名和值用”=”符号隔开。

fragment:信息片断
字符串,用于指定网络资源中的片断。例如一个网页中有多个名词解释,可使用fragment直接定位到某一名词解释。(也称为锚点.)


示例:

1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
返回值:http://www.2astudio.com:80/view.asp?id=209#cmt1323

2,window.location.protocol
URL 的协议部分
返回值:http:

3,window.location.host
URL 的主机部分,
返回值:www.2astudio.com

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

5,window.location.pathname
URL 的路径部分(就是文件地址)
返回值:/view.asp

6,window.location.search
查询(参数)部分。除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
返回值:?id=209

7,window.location.hash
锚点
返回值:#cmt1323
分享到:
评论

相关推荐

    js获取url,javascript获取url参数等

    设置或获取整个 URL 为字符串。 设置或获取与 URL 关联的端口号码。 设置或获取 URL 的协议部分。 设置或获取 href 属性中在井号“#”后面的分段。 设置或获取 location 或 URL 的 hostname 和 port 号码。 ...

    nodejs实现获取当前url地址及url各种参数值

    其次,文件内容中还涉及了如何在客户端使用JavaScript获取当前URL地址及各种属性值。这通常是网页脚本中的一部分,通过window对象提供的不同属性来实现: - `document.location`、`document.URL`、`document....

    JavaScript获取Url中的参数(解决中文乱码)

    JavaScript获取Url中的参数(解决中文乱码) 可以点击更改URL按钮 修改url中的参数

    自己写的JavaScript获取URL参数方法

    总的来说,通过JavaScript获取URL参数是一项基础但实用的技能,它涉及到URL解析、字符串操作以及可能的JSON处理。在实际项目中,这样的函数可以大大提高代码的可复用性和灵活性,使我们能够轻松地从URL中提取和处理...

    JavaScript获取链接url参数并生成对象

    标题"JavaScript获取链接url参数并生成对象"指出了我们需要从URL中提取这些参数,并将它们组织成一个JavaScript对象。这个对象的键将是参数名,值将是对应的参数值。这样做可以方便地对参数进行操作,如遍历、修改或...

    javascript获取url上的参数.rar

    获取URL参数的常用方法是解析这个查询字符串。以下是一种实现方式: ```javascript function getURLParameters(url) { var params = {}; var parser = document.createElement('a'); parser.href = url || ...

    js获取url参数

    本文将详细介绍一种利用自定义函数`getUrlParam`来获取URL参数的方法,并对其进行深入解析。 #### 二、基础知识回顾 ##### 2.1 URL 结构 URL(Uniform Resource Locator)是统一资源定位符,用于标识互联网上的...

    php获取URL中带#号等特殊符号参数的解决方法

    本篇知识点将详细探讨如何在PHP中获取带有特殊符号,如井号(#)的URL参数,并介绍如何使用JavaScript的escape函数对这些特殊字符进行编码,从而实现正确地在服务器端获取这些参数。 首先,我们来看看URL编码的基础...

    javaScript获取浏览器参数

    - **动态路由**:根据URL参数的不同加载不同的页面或组件。 #### 4. 注意事项 - 在实际应用中,将自定义方法附加到原生对象的原型上可能会导致与第三方库或其他代码冲突,建议考虑封装为独立函数。 - 对于安全性较...

    JavaScript正则获取地址栏中参数的方法

    JavaScript正则获取地址栏中参数的方法主要阐述了如何通过正则表达式在JavaScript中获取URL地址栏参数值的技巧。这一方法在Web开发中十分实用,尤其是在处理动态地址时,我们经常需要获取某些特定的查询参数值。通过...

    js获取url参数.rar url参数获取

    在JavaScript编程中,获取URL参数是一项常见的任务,特别是在构建动态Web应用时。URL(Uniform Resource Locator)是网页的地址,而URL参数则是附加在URL后面,用于传递额外信息的键值对。这些参数通常以问号(?)...

    获取url中参数,javascript,你值得拥有

    获取url中参数,javascript,你值得拥有

    js获取地址栏参数

    通过以上介绍,我们可以看出JavaScript提供了多种获取URL参数的方法。其中正则表达式方法虽然较为传统,但在兼容性和灵活性方面表现良好;而`URLSearchParams` API则更适合现代Web应用的需求。在实际开发中,可以...

    Jquery 获取url参数

    在jQuery中,没有直接用于获取URL参数的内置函数,但我们可以利用JavaScript的`location.search`属性和`split()`、`map()`、`reduce()`等数组方法来实现。以下是一种常见的实现方式: ```javascript function ...

    jquery获取URL中参数解决中文乱码问题的两种方法

    为了解决这个问题,我们可以采取一些方法,特别是当使用jQuery来获取URL参数时,有以下两种方法特别有效。 方法一是利用正则表达式来匹配和解析URL参数,这是一种相对直接且有效的方式。具体实现步骤如下: 1. ...

    如何用js获取当前url的参数值

    ### 如何用JavaScript获取当前URL的参数值 在Web开发中,经常需要处理URL中的查询参数,例如在页面跳转时传递数据、实现特定功能等。本文将详细介绍一种使用JavaScript来解析并获取当前URL参数的方法。 #### 方法...

    js实现ifram取父窗口URL地址的方法

    如果以上方法都无法获取URL地址,那么最终url变量将是一个空字符串。 文章还特别提到,这段代码已经在浏览器中执行过,可以正常工作。这意味着开发者在实际应用中可以放心地使用这种方法。 另外,需要注意的是,...

    使用JavaScript获取URL中的参数(两种方法)

    本文将详细介绍两种使用JavaScript获取URL参数的方法。 ### 方法一:通过字符串操作 这种方法是通过分割URL的查询字符串来查找指定的参数。首先,我们获取URL的查询部分,然后将它分解为键值对数组,最后遍历这个...

    HTML页面地址栏参数传递与获取

    在HTML页面中,可以通过JavaScript获取URL中的查询字符串,并从中提取所需的参数值。具体步骤如下: 1. **获取完整URL**:首先使用`window.location.href`获取当前页面的完整URL。 2. **分割查询字符串**:然后使用...

    JavaScript获取网页表单action属性的方法

    JavaScript获取网页表单的action属性是一种常用的操作,通常用于获取表单提交时要发送到的URL地址。在Web开发中,表单是用来收集用户输入数据并将其发送到服务器的HTML元素。action属性指定了表单提交后,服务器处理...

Global site tag (gtag.js) - Google Analytics