`
xylw
  • 浏览: 57961 次
  • 性别: 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()函数。

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

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

    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来获取该请求字符串.再利用字符串分割便可获得数据.

    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 . ...

    Web系统与技术 课程教材

    1.1.4 URL. 3 1.1.5 MIME. 3 1.1.6 HTTP协议... 4 1.2 Web浏览器... 5 1.3 Web服务器... 5 1.3.1 Web服务器... 5 1.3.2 Apache服务器... 5 1.3.3 IIS服务器... 6 1.4系统的主要技术概述... 7 1.4.1 HTML ...

    JavaScript笔记.doc

    4、从URL串中获取信息: 22 5、图像映像前的确认消息: 23 6、使用cookie: 23 7、改变状态栏文本: 23 九、将javascript和java连接起来 24 1、在javascript中调用java中的方法: 24 2、从javascript向java传递参数:...

    编译的 HTML 帮助文件 (.chm) DHTML手册

    protocol 设置或获取 URL 的协议部分。 readyState 获取表明对象当前状态的值。 referrer 获取将用户引入当前页面的位置 URL。 uniqueID 获取为对象自动生成的唯一标识符。 URL 设置或获取当前文档的 URL。 ...

    详谈js中[removed].search的用法和作用

    用该属性获取页面 URL 地址: [removed] 对象所包含的属性 属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostname 当前 URL 的主机名 href 完整的 URL pathname 当前 ...

    ASP.NET程序中常用的三十三种代码.txt

    ASP.NET程序中常用的三十三种代码 1. 打开新的窗口并传送参数:  传送参数: response.write("&lt;script&gt;window.open(’*.aspx?id="+this.DropDownList1.SelectIndex+"&id1="+...+"’)&lt;/script&gt;")  接收参数: ...

Global site tag (gtag.js) - Google Analytics