`
geweixin
  • 浏览: 39661 次
  • 性别: Icon_minigender_1
  • 来自: 江苏
文章分类
社区版块
存档分类
最新评论

javascript获取当前url网址及其参数方法总结(转)

阅读更多


在WEB开发中,许多开发者都比较喜欢使用javascript来获取当前url网址,本文就此为大家总结一下比较常用获取URL的javascript实现代码,以下示例是前面为相应实现方法,后面是获取URL的效果,下面以例子讲解:

输入的网址是(没有框架):http://localhost:81/Test/1.htm?Did=123
<br>以下为输出:
<br>
<SCRIPT>

//获取Url传过来的值
function Request(name)
{
     new RegExp("(^|&)"+name+"=([^&]*)").exec(window.location.search.substr(1));
     return RegExp.$2
}

thisURL = document.URL;     // http://localhost:81/Test/1.htm?Did=123
thisHREF = document.location.href; // http://localhost:81/Test/1.htm?Did=123
thisSLoc = self.location.href;   // http://localhost:81/Test/1.htm?Did=123
thisDLoc = document.location;   // http://localhost:81/Test/1.htm?Did=123

thisTLoc = top.location.href;   // http://localhost:81/Test/1.htm?Did=123
thisPLoc = parent.document.location;// http://localhost:81/Test/1.htm?Did=123
thisTHost = top.location.hostname; // localhost
thisHost = location.hostname;   // localhost

thisU1 = window.location.protocol; // http:
thisU2 = window.location.host;   // localhost:81
thisU3 = window.location.pathname; // /Test/1.htm

document.writeln( thisURL + "<br />");
document.writeln( thisHREF + "<br />");
document.writeln( thisSLoc + "<br />");
document.writeln( thisDLoc + "<br />");

document.writeln( thisTLoc + "<br />");
document.writeln( thisPLoc + "<br />");
document.writeln( thisTHost + "<br />");
document.writeln( thisHost + "<br />");

document.writeln( thisU1 + "<br />");
document.writeln( thisU2 + "<br />");
document.writeln( thisU3 + "<br />");

document.writeln( "Did="+Request("Did") );// Did=123
</SCRIPT>

本文来自: IT知道网(http://www.itwis.com) 详细出处参考:http://www.itwis.com/plus/view.php?aid=6856
分享到:
评论

相关推荐

    使用jquery获取url及url参数的简单实例

    关于如何使用jQuery获取URL及URL参数的知识点,可以从以下几个方面进行详细解读: 1. 获取URL的基本方法 在网页中,可以通过JavaScript的基础...掌握这些知识点,将有助于我们在实际开发中更加灵活地处理URL及其参数。

    Flex通过URL获取参数

    在Flex中,可以通过访问浏览器的`window.location`对象来读取当前页面的URL及其携带的参数。具体而言,`window.location.href`返回完整的URL,而`window.location.search`则返回从“?”开始到URL结束的部分,即查询...

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    标题 "在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数" 描述了一种常见的Web开发技术应用场景。在Internet Explorer(IE)浏览器的特定模式下,用户通过表单填写信息并提交后,这些数据通常...

    使用JavaScript获取地址栏参数的方法

    在Web开发中,JavaScript是一种非常重要的脚本语言,它允许我们与用户进行交互,处理页面内容,以及执行各种任务,包括获取当前网页URL中的参数。本文将详细介绍如何使用JavaScript来获取地址栏参数,并提供相关注意...

    JavaScript 读URL参数增强改进版版

    通常,我们会通过`window.location.href`获取当前页面的完整URL,然后通过正则表达式匹配参数部分。这个参数部分位于`?`和`#`之间,由`&`分隔各个参数,每个参数由`=`分隔键值对。 然而,许多现有的实现忽视了一个...

    Javascript学习总结

    - **location 属性**:获取或设置当前页面的URL。 - **history 属性**:操作浏览器的历史记录。 - **控制浏览器窗口的大小和位置**:使用`window.resizeTo()`, `window.moveTo()`等方法。 - **打开和关闭窗口**:...

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

    此外,了解其他获取PHP URL参数的方法也是有益的,比如: - `$_REQUEST`数组,它包含了`$_GET`、`$_POST`和`$_COOKIE`的数据。 - `$_SERVER['QUERY_STRING']`可以获取整个查询字符串,但不解析参数。 - 使用`parse_...

    JavaScript的document方法汇总

    ### JavaScript的document方法汇总 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表当前加载的HTML文档,并提供了与文档交互的各种方法和属性。本文将详细介绍`document`对象的一些常用方法及其...

    js获取url中"?"后面的字串方法

    在Web开发中,获取当前页面的URL及其参数是一项基础且重要的操作。特别是在使用JavaScript时,经常需要从URL中解析出特定的参数值来控制页面行为或进行数据传递。本文将详细介绍JavaScript中获取URL中"?"后面参数的...

    javascrip获取url方式

    JavaScript获取URL的各部分 #### 2.1 window.location.href 这个属性返回当前文档的完整URL,包括协议、主机名、端口号、路径、查询字符串和片段标识符。 示例代码: ```javascript console.log(window.location....

    js获取当前地址 JS获取当前URL的示例代码

    本文将详细介绍如何使用JavaScript获取当前URL及其组成部分,并提供示例代码。 1. `document.URL`:这个属性返回当前浏览器窗口中加载的完整URL。包括协议(如http或https)、主机名、路径和查询字符串。例如:...

    Javascript 常用代码总结

    - **获取`document.referrer`**:`document.referrer`属性返回一个字符串,该字符串包含着当前文档的前一页面的URL。 - **操作锚点元素**:可以通过`document.anchors`来获取页面中的所有锚点元素。 - **获取页面中...

    JavaScript获取网页表单提交方式的方法

    在使用JavaScript获取表单提交方式后,开发者可以根据这个信息来编写不同的逻辑处理。例如,如果表单是通过GET方式提交,那么数据会附加在URL中,可以通过URL参数来获取这些数据。而如果表单是通过POST方式提交的,...

    js获取当前页面的url网址信息

    在JavaScript中,获取当前页面URL的信息是Web开发中常见的需求,尤其在实现动态交互和页面导航时至关重要。本文将详细讲解如何使用JavaScript的内置对象`window.location`来获取和操作当前页面的URL网址信息。 首先...

    js中将URL中的参数提取出来作为对象的实现代码.docx

    在现代Web开发中,处理URL及其查询参数是一项常见的任务。本文档将详细介绍如何使用JavaScript编写一个函数,该函数能够将URL中的查询参数提取并转换成一个易于操作的对象形式。这种方法在很多场景下都非常有用,...

    javascript常用方法

    根据提供的文件信息,我们可以整理出一系列...以上就是根据提供的文件信息整理出来的JavaScript常用方法及其详细解释。这些知识点覆盖了从基础语法到高级功能的各个方面,对于初学者和有一定经验的开发者都非常有用。

    url传值JS调用所传的值,实例

    ### URL传值与JavaScript获取参数值的实现方法 在Web开发中,经常需要通过URL来传递参数,并在页面加载完成后利用JavaScript对这些参数进行读取和处理。下面将详细介绍如何通过一个具体的示例来实现这一功能。 ###...

    javascript刷新页面方法小结

    根据提供的文件信息,我们可以总结出JavaScript刷新网页的多种方法及其应用场景。 ### 1. `history.go(0)` `history.go(0)` 是一种简单有效的刷新方法。它通过调用浏览器历史记录对象`history`的方法`go`,并传入...

    javascript弹出窗口命令总结

    本文将详细介绍 `window.open`, `window.alert`, `window.confirm`, `window.prompt`, `window.showModalDialog` 和 `window.showModelessDialog` 的使用方法及其参数配置。 #### 二、window.open `window.open` ...

    js中window获取地址方法(多种)

    通过 `window.location` 及其相关属性,开发者可以方便地获取当前页面 URL 的各个组成部分。这对于页面导航、表单提交以及动态内容加载等操作都非常重要。理解 URL 的结构以及如何利用 JavaScript 来操作 URL 是每一...

Global site tag (gtag.js) - Google Analytics