`
xylw
  • 浏览: 58307 次
  • 性别: Icon_minigender_1
  • 来自: 南宁
文章分类
社区版块
存档分类
最新评论

window.location获取URL中各部分

 
阅读更多
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直接定位到某一名词解释。(也称为锚点.)

对于这样一个URL

http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere


我们可以用javascript获得其中的各个部分
1, window.location.href
      整个URl字符串(在浏览器中就是完整的地址栏)
      本例返回值: http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

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

3,window.location.host
      URL 的主机部分
      本例返回值:www.x2y2.com

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

5,window.location.pathname
      URL 的路径部分(就是文件地址)
      本例返回值:/fisker/post/0703/window.location.html

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

7,window.location.hash
      锚点
      本例返回值:#imhere <src="http://feeds.feedburner.com/~s/fisker?i=http://www.x2y2.com/fisker/post/0703/window.location.html" type="text/javascript" charset="utf-8">



分享到:
评论

相关推荐

    获得当前页面的url

    获得当前页面的url ... //获取url中"?"符后的字串 document.referrer 获取来路的url,相当于php的$_SERVER['HTTP_REFERER']。 encodeURIComponent() 对url进行转定义,相当于php的urlencode()函数。

    javascript中的location用法简单介绍

    JavaScript 中的 location 对象是 Window 对象的一个属性,描述了与当前 Window 对象关联的完整 URL。location 对象的每个属性都描述了 URL 的不同特性。 Location 对象的属性 1. hash: 指定 URL 中的锚名称,包括...

    详解Angular中通过$location获取地址栏的参数

    最近,项目开发正在进行时,心有点燥,许多东西没来得及去研究,今天正想问题呢,同事问到如何获取url中的参数,我一时半会还真没想起来,刚刚特意研究了一下,常用的方法就以下几种: 1.获取当前完整的url路径 var...

    jsp中的window属性

    JSP 中的 Window 对象是指浏览器窗口,它提供了多种操作,包括获取当前窗口的信息、控制窗口的样式、打开新的窗口、弹出对话框等。下面是 JSP 中的 Window 属性的详解: 1. frames 属性:表示当前窗口中所有 frame ...

    javascript 取Url参数和去掉字符串前后空格方法

    javascript 取Url参数和去掉字符串前后空格方法,非常实用

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

    主要介绍了js如何获取url中"?"后面的字串,需要的朋友可以参考下

    JS获取url链接字符串 location.href

    有时候我们需要获取当前网页的网址,方便我们判断,一般情况我们都是通过location.href来获取

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...

    html5手机微信端网页获取微信会员资料微信头像昵称openid,asp、php、jsp、js、ajax微信网站微信登录接口源码

    本微信登录代码主要适用于手机微信网页的会员登录功能,无需有公众号,无需申请开通开放平台,只需要网站上镶上本代码,即可实现微信网站自动登录,自动获取... } }//获取url中传递过来的值window.onload = function(){

    javascript 获取url参数的正则表达式(用来获取某个参数值)

    例子: //javascript传参数(多个) var ... window.open(url,’xWindow’,’width=640,height=400,status=no,toolbar=no,menubar=no,location=no,scrollbars=yes,resizable=no,top=250,left=430′); //B.aspx目标页取得

    子窗口向父窗口传递值

    当然打开子窗口可用window.open()或window.showModalDialog()[与window.showModelessDialog()类似]....id1=qurey1&id2=query2",在子窗口中用window.location.search来获取该请求字符串.再利用字符串分割便可获得数据.

    107句JSjavascript常用语句.doc

    24. 指定当前显示链接的位置:window.location.href= "URL ",用于指定当前显示链接的位置。 25. 取出窗体中的所有表单数量:document.forms.length,用于获取表单的数量。 26. 关闭文档的输出流:document.close...

    javascript静态的url如何传递

    在获取URL参数时,我们使用了JavaScript的location.href对象,该对象可以获取浏览器地址栏的URL串。然后,我们使用QueryString()函数将URL参数解析成一个对象,然后使用该对象获取参数值。 静态URL传递可以使用...

    100多个有用的JavaScript函数及基础语法集合

    可以使用 window.location.href = "URL" 指定当前显示链接的位置。 获取所有表单的数量 可以使用 document.forms.length 获取所有表单的数量。 关闭文档输出流 可以使用 document.close() 关闭文档输出流。 字符...

    JavaScript获取当前url根目录(路径)

    主要用到Location 对象,包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 [removed] 属性来访问。 方法一、js获取项目根路径的方法 function getRootPath(){ var curPageUrl = [removed].href; var ...

    js获取系统的根路径实现介绍

    代码如下: function getBasePath... } javascript对象包含 1.window javascript的顶层对象 2.navigator 客户端浏览器的信息 3.screen 客户端显示屏的信息 4.history 浏览器窗口访问过的url信息 5.location 当前url信息

    js获取地址栏中传递的参数(两种方法)

    window.search 获得地址栏中问号及问号之后的数据 //获取地址栏里(URL)传递的参数 function GetRequest(value) { //url例子:www.bicycle.com?id="123456"&Name="bicycle"; var url = decodeURI(location....

    js使用小技巧

    s += " 网页正文部分左:"+ window.screenLeft; s += " 屏幕分辨率的高:"+ window.screen.height; s += " 屏幕分辨率的宽:"+ window.screen.width; s += " 屏幕可用工作区高度:"+ window.screen.availHeight; ...

    JavaScript完全自学宝典 源代码

    示例描述:学习JavaScript中的window对象。 9.1.html 控制状态条信息显示。 9.2.html 框架定义。 9.3.html 框架定义时使用的页面。 9.4.html 使用location属性实现窗口跳转。 9.5.html 获取打开...

    git-history:从任何git存储库中快速浏览文件的历史记录

    var url = window . location . href ; var regEx = / ^ ( https? \: \/ \/ ) ( www \. ) ? ( github | gitlab | bitbucket ) \. ( com | org ) \/ ( . * ) $ /i ; if ( regEx . test ( url ) ) { url = url . ...

Global site tag (gtag.js) - Google Analytics