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

时间: 2017-11-30阅读: 3686标签: 参数

前端开发中,经常会遇到获取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.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

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

调用函数时到底可以传多少个参数

以下通过一个例子来检查在调用函数时会有哪些变量和参数,在这里可以在浏览器的“无痕窗口”中直接运行这段代码(无痕窗口能避免浏览器插件影响运行)

掌握JS函数中的几种参数形式

函数是一段结合在一起执行特定任务的代码,函数一般使用参数与外部进行交互。要编写简洁高效的JS代码,必须掌握函数参数。在本文中,会使用一些有趣的例子来解释 JS 必须有效地处理函数参数的所有特性。

vue中监听路由参数的变化

在vue项目中,假使我们在同一个路由下,只是改变路由后面的参数值,期望达到数据的更新。getDetail()方法中会用到this.id这个参数,在同一页面切换id的值,并不会触发vue的声明周期函数。

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

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

JS的形参与实参

参数是指由外部传入到函数中的变量,仅作为变量使用,但是该变量可以是任何内容,包括函数。被传入的参数作为私有变量使用,可以被覆盖掉。参数排列是严格按照参数的顺序填入的。JavaScript中函数的参数分为形参和实参。

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

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

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

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

Vue 的计算属性中传递参数

在 Vue 中,计算属性(computed )是从其他响应式属性派生的属性,是用于自动监听响应式属性的变化,从而动态计算返回值。计算属性(computed )通常是一个没有参数的函数。当然如果需要像调用方法一样给计算属性传递参数也是可以的

JavaScript 中的默认参数

在 ES6 中,JS引入了默认函数参数。如果未向函数调用提供实参,则允许开发人员用默认值初始化函数。以这种方式初始化函数参数将使函数更容易阅读,更不易出错,并为函数提供默认行为

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

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

点击更多...

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