`

javaScript取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

分享到:
评论

相关推荐

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

    ### JavaScript 获取URL参数和去除字符串前后空格的方法 在日常的Web开发中,经常会遇到需要获取URL中的参数或处理字符串的情况。例如,在用户点击某个链接或者表单提交后,我们可能需要从URL中提取出某些特定的...

    Javascript获取background属性中url的值

    接着,再次使用`split(")")`并取`[0]`索引,就可以得到不带括号的图片URL。 完整的代码如下: ```javascript var avatar = $("#image-preview").css("backgroundImage"); avatar = avatar.split("(")[1].split(")...

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

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

    网页资料收集 JAVA与JAVASCRIPT通信乱码问题 java javascript jsp的url提交带中文参数时后台取到的是乱码问题的解决

    网页资料收集 JAVA与JAVASCRIPT通信乱码问题 java javascript jsp的url提交带中文参数时后台取到的是乱码问题的解决 网页资料收集 JAVA与JAVASCRIPT通信乱码问题 java javascript jsp的url提交带中文参数时后台取到...

    js取url参数.rar

    总结来说,"js取url参数"是指在JavaScript中解析URL查询字符串以获取参数的过程,这可以通过简单的字符串操作或利用现成的库来实现。理解和掌握这个技巧对于进行前端开发是非常重要的,因为它常常用于页面间的通信、...

    在页面上取URL参数

    ### 在页面上取URL参数 #### 背景与应用场景 在Web开发中,经常需要从URL中获取特定的参数来实现动态页面的功能或者个性化用户体验。例如,在电子商务网站中,可能会根据URL中的商品ID参数来展示不同的商品详情;...

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

    // 取url参数 function request(paras) { var query = location.search; // 如果提供了第二个参数,使用该参数代替默认的location.search if (arguments.length == 2) { query = arguments[1]; } // 如果...

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

    本文介绍的JavaScript方法,就是如何在iframe中实现获取父窗口URL地址的过程。这一过程利用了JavaScript中的window.parent对象,它是iframe元素与父窗口之间的桥梁。 首先,理解window对象在JavaScript中的地位非常...

    JavaScript获取URL参数的方法之一

    //JavaScript获取url,并把url中的参数变成数组的方法,arr数组的值就是各参数值 var url = [removed].href.toString(); var u = url.split("?"); var arr = []; if(typeof(u[1]) == "string"){ u = u[1]....

    JavaScript_浏览器扩展Firefox Chrome Opera Edge基于regex模式重定向url

    使用`chrome.webNavigation`或`browser.webNavigation`(取决于你是为Firefox还是其他浏览器编写扩展)API,我们可以监听URL导航事件。`onBeforeNavigate`事件在页面开始加载时触发,`onCompleted`或`...

    javascript取图

    在JavaScript中,"取图"通常指的是获取图片数据或处理图片资源。JavaScript作为一种客户端脚本语言,可以在浏览器环境中与用户交互并操作网页内容,其中包括图片的处理。在本主题中,我们将深入探讨JavaScript如何...

    javascript从数据库取数据.pdf

    JavaScript 从数据库获取数据是一种常见的做法,特别是在动态网站和Web应用程序中,用于提供实时更新的信息...以上就是从标题和描述中提取的JavaScript从数据库取数据并实现图片轮播的关键知识点,以及相关的编程实践。

    Node.js-将Url文本转换成Hiperlink的JavaScript库和npm模块

    在给定的标题“Node.js-将Url文本转换成Hiperlink的JavaScript库和npm模块”以及描述“将Url文本转换成Hiperlink的JavaScript库和npm模块”中,我们可以推断出这是一个关于如何利用JavaScript库或npm模块来自动化将...

    URL.rar_url_动态网页下载_网页 取 图片

    本教程将深入探讨如何实现这一目标,基于提供的"URL.rar_url_动态网页下载_网页 取 图片"资源。 首先,我们需要理解动态网页。动态网页与静态网页相反,它们的内容不是固定不变的,而是根据用户交互或者服务器端的...

    ios与js交互,获取webview完整url,title,获取元素并赋值跳转

    本主题主要探讨如何在iOS应用中实现与JavaScript的交互,包括获取Webview的完整URL、页面标题,以及如何获取网页元素并对其进行操作,如赋值和触发跳转。以下将详细介绍这些知识点。 首先,我们需要引入`WebKit`...

    javascript URL锚点取值方法

    location.href=’ping.html#chen=陈建平‘ 取锚点值 location.hash 结果是:#chen=陈建平 ...chen=陈建平 再用substring(1) 就可以取#或?后的值了,再用split()方法可以把多个参数放入数据中 var args=xx.split(‘&’)

    JavaScript函数大全Word版

    ### JavaScript函数大全Word版知识点详解 #### 一、概述 《JavaScript函数大全Word版》是一份详尽的JavaScript基础知识及函数应用指南。该文档通过列举常见的JavaScript语法特性、内置对象和函数,帮助开发者快速...

Global site tag (gtag.js) - Google Analytics