使用JavaScript获取绝对URL

twohappy 发布于2019-08-19 18:08 / 2700人阅读

摘要：开发中有时需要获取绝对默认的中的和属性都会返回绝对路径，但是一些以字符串形式存储的则处理起来会比较繁琐，比如以或者不以开头的以开头的以开头的以开头的这时候就可以动态创建一个带有或属性的标签，然后再返回这个标签的或属性值这里在函数内再返回一个

JavaScript 开发中有时需要获取绝对 URL；默认的HTML中的src和href属性都会返回绝对路径，但是一些以字符串形式存储的 URL 则处理起来会比较繁琐，比如：

以 / 或者不以 / 开头的；

以 // 开头的；

以 ? 开头的；

以 # 开头的；

……

这时候就可以动态创建一个带有src或href属性的HTML标签，然后再返回这个标签的src或href属性值；

var getAbsoluteUrl = (function() {
  var a = null;
  return function(url) {
    a = a || document.createElement("a");
    a.href = url;

    return a.href;
    };
})();

这里在函数内再返回一个函数的作用是，只会在第一次调用函数时创建一个a标签，而不会每次调用函数都创建一个a，详细的可以参数一下这篇文章JavaScript Functions that Return Functions

中文来源 https://csspod.com/get-an-absolute-url-with-javascript/

英文源文 https://davidwalsh.name/get-absolute-url

GPU云服务器云服务器绝对url java中获取绝对值 js 使用绝对路径获取url

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79221.html

富应用中 URL 管理以及 Javascript 测试

摘要：一个是使用锚链接，即的方式实现。做程序的人大多了解测试。传统的测试方法就是在完成后手动去触发事件，然后手动输入来检测是否得到预期的效果。引入了测试框架后工作简单了很多。前篇传送门给自己挖个坑，开始去开发富应用框架从的源码开始说事件模型 URL 存在的意义在于使用者可以使用一段字符串就可以找到对应的资源。富应用中的内容改变都是通过 Javascript 去改变文档内容，某种角度上来说整个...

kid143 2019-08-19 14:21 评论0 收藏0
前端面试题2017（篇幅长，附答案）

摘要：元素的位置通过以及属性进行规定。表明请求被正常处理了。服务器返回的响应报文包括协议版本状态码解释状态码的原因短语响应首部字段实体主体。浏览器接受响应，检查里的状态码，并做出不同的处理方式。关于返回的状态码的具体说明看上个问题。说明：简答题没有固定答案，以下给出的答案是从别处摘录或自己总结，有错之处欢迎指出。 html 篇标签上title和alt属性的区别是什么？ alt是htm...

Cobub 2019-08-01 17:17 评论0 收藏0
前端面试题2017（篇幅长，附答案）

摘要：元素的位置通过以及属性进行规定。表明请求被正常处理了。服务器返回的响应报文包括协议版本状态码解释状态码的原因短语响应首部字段实体主体。浏览器接受响应，检查里的状态码，并做出不同的处理方式。关于返回的状态码的具体说明看上个问题。说明：简答题没有固定答案，以下给出的答案是从别处摘录或自己总结，有错之处欢迎指出。 html 篇标签上title和alt属性的区别是什么？ alt是htm...

CODING 2019-08-20 18:21 评论0 收藏0
前端面试题2017（篇幅长，附答案）

摘要：元素的位置通过以及属性进行规定。表明请求被正常处理了。服务器返回的响应报文包括协议版本状态码解释状态码的原因短语响应首部字段实体主体。浏览器接受响应，检查里的状态码，并做出不同的处理方式。关于返回的状态码的具体说明看上个问题。说明：简答题没有固定答案，以下给出的答案是从别处摘录或自己总结，有错之处欢迎指出。 html 篇标签上title和alt属性的区别是什么？ alt是htm...

eternalshallow 2019-08-29 13:00 评论0 收藏0