用js获取url地址协议,参数,端口号,锚点等方法总汇

更新日期: 2017-11-30阅读量: 4056标签: 参数

前端开发中,经常会遇到获取URL的相关数据,下面将总结下使用JavaScript来获取url地址的协议,参数,端口号,锚点等方法。


获取整个地址栏地址

var href = window.location.href;
console.log(href);//输出完整的url地址


获取url协议部分

var protocol = window.location.protocol;
console.log(protocol);//获取url协议部分,如http:,https:


获取主机部分

var hostname = window.location.hostname;
console.log(hostname);//获取主机部分(不带端口号),输出如:fly63.com


获取端口号

var port = window.location.port;
console.log(port);// //获取端口号,如:8000。没带端口的输出空字符


获取url部分路径

var pathname = window.location.pathname;
console.log(pathname);//输出url部分路径,如:/article/detial/201


获取锚点

var hash = window.location.hash;
console.log(hash);//输出锚点(url第一个#及后面所有字符串),如:#name


获取url参数部分

var search = window.location.search;
console.log(search);//参数部分

如果地址:http://www.fly63.com/?a=1&b=2#hash,获取的参数部分为:?a=1&b=2。通过它我们可以去获取url下的具体参数,具体方法请参考:js通过3种方法获取url的参数


站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: https://www.fly63.com/article/detial/201

vue路由传参页面刷新参数丢失问题解决方案

最近项目中涉及到跨页面传参数和后台进行数据交互,看到需求之后第一反应就是用路由传参来解决;Vue中给我们提供了三种路由传参方式,下面我们一个一个的来看一下:

URLSearchParams_js中快速构造和获取URL查询参数的方法

URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。URLSearchParams()是个构造函数,将返回一个可以操作查询字符串的对象。

jquery ajax error函数和及其参数详细说明

一般error函数返回的参数有三个: function(jqXHR jqXHR, String textStatus, String errorThrown)。常见调用代码如下:这里对这三个参数做详细说明。

你需要了解的前后端传参

前后端传参一般有两种形式:key=value 形式传参(即 parameter 形式);body 形式传参(传 json 数据给后端),如果使用的是 GET 请求,浏览器展示的 Request URL 会自动在路径后面加上 ?a=1&b=2这样的参数,这就是 key=value 形式传参

JavaScript深入之参数按值传递

ECMAscript中所有函数的参数都是按值传递,也就是,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。js始终是按值传递,在这里称他为共享传递。

js通过arguments来获取指定参数

通过访问arguments对象的length属性可以获取有多少个参数传递给了函数。在封装函数的时候,会携带不同的参数,我们想要获取指定的参数,可以通过 arguments[ ] 来拿到,arguments对象可以与命名参数一起使用。arguments的值要永远与对应命名参数的值保持同步

目前为止全网最全的 SpringBoot 参数传递方案

开发这么多年,肯定还有不少小伙伴搞不清各种类型的参数是如何传递的,很多同学都是拿来即用,复制粘贴一把撸,遇到问题还是一脸懵逼。学习参数传递的正确姿势,先说怎么做,再说为什么

用正则表达式获取URL中的查询参数

url中的所有查询参数可以通过 window.location.search 字段获取,以字符串的形式返回。并有固定的格式 ?param1=value1&param2=value2···,所以可以正则表达式匹配。分析下需要匹配的格式:

javascript如何获取地址栏的参数?

JavaScript在web开发中,不同的页面间经常会需要参数的传递,比如新闻列表和新闻详情页面,怎么绑定不同的id给它们,这时候比较简单的方案就是通过地址栏传输对应的参数。

如何给外部引用的js文件传递参数

给外部引用的js文件传递参数的4种方式:定义全局变量、在src后面传参、检索js文件(js文件要最后引入)、设置其他属性

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!