Question

我在“a”标签上跟踪onclick事件，onclick函数将获得“a”标签的href attr。我想检查href是绝对路径还是相对路径。是否有任何正则表达式来检查它。

以及其他此模式

"/myfolder/test.txt"
"http://example.com"
"https://example.com"

这是我必须检查的其他模式。

Answer 1

你为什么要打扰正则表达式？使用str.startsWith：

＆＃13;

console.log("/myfolder/test.txt".startsWith("/"));
console.log("http://example.com".startsWith("/"));
console.log("https://example.com".startsWith("/"));

＆＃13;

如果您需要考虑以/或~开头的路径的情况：

＆＃13;

console.log(/^([?/~]|mailto.*@.*\.\w+$)/.test("mailto:mail@example.org"));
console.log(/^([?/~]|mailto.*@.*\.\w+$)/.test("~/myfolder/test.txt"));
console.log(/^([?/~]|mailto.*@.*\.\w+$)/.test("/myfolder/test.txt"));
console.log(/^([?/~]|mailto.*@.*\.\w+$)/.test("http://example.com"));
console.log(/^([?/~]|mailto.*@.*\.\w+$)/.test("https://example.com"));

＆＃13;

Answer 2

以下是使用URI.js#is的解决方案：

＆＃13;

function isAbsoluteUri(str) {
  var uri = new URI(str);
  return uri.is('absolute');
}

console.log(isAbsoluteUri('/myfolder/test.txt'));
console.log(isAbsoluteUri('~/myfolder/test.txt'));
console.log(isAbsoluteUri('?hello=world'));
console.log(isAbsoluteUri('http://example.com'));
console.log(isAbsoluteUri('https://example.com'));
console.log(isAbsoluteUri('ftp://example.com'));
console.log(isAbsoluteUri('mailto:mail@example.com'));

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/URI.js/1.18.2/URI.min.js"></script>

＆＃13;

Answer 3

如果您知道自己总是获得有效路径，那么您真正需要做的就是检查它是否以/开头。这应该这样做：

^\/.*

示例：https://regex101.com/r/rdox2A/1

Answer 4

如果您要测试所有锚标记，可以执行此操作。 RegEx模式检查任何错字A.K.A.胖手指。

function checkRelpath(){
    var anChrs = $('a');

    $.each(anChrs, function(idx, itm){
        var pattern = new RegExp('/^(http|https|http:|https:|\/\/)/'),
            path = $(itm).prop('href'),
            testPath = pattern.test(path);

        console.log(path);
        console.log(testPath);
    });
}

或者如果你想测试一个特定的锚，你可以这样做。

function checkThisRelpath(a){
    var pattern = new RegExp('/^(http|https|http:|https:|\/\/)/'),
        path = $(a).prop('href'),
        testPath = pattern.test(path);

        console.log(path);
        console.log(testPath);
}

Answer 5

/**
 * Return true is the URL is absolute
 * 
 * @export
 * @param {string} url 
 * @returns
 */
export function isURLAbsolute(url) {
    if (typeof url !== 'string') {
        throw new TypeError('Expected a string');
    }
    return /^[a-z][a-z0-9+.-]*:/.test(url);
}

检查路径的正则表达式是相对的还是绝对的

5 个答案: