Question

如何使用jQuery或JavaScript将以下服务器路径分配给变量？

<link rel="stylesheet" href="https://myServer:44301/Some/Path/">

来自

<link rel="stylesheet" href="/core/assets/styles.min.css">
<link rel="stylesheet" href="/Content/Site.css">
<link rel="stylesheet" href="https://myServer:44301/Some/Path/">
<link rel="stylesheet" href="https://anotherServer/Another/Path/">

字符串Some/Path是需要匹配的内容。

要明确，变量应包含字符串https://myServer:44301/

Answer 1

你可以试试这个：

function getHostWithPath(path) {
    var linkNodeList = document.getElementsByTagName('link');
    for (var i = 0 ; i <linkNodeList.length ; i++) {
        var l = document.createElement("a");
        l.href = linkNodeList[i].href;
        /*
        // Usefull properties available in l:
        console.log(l.hostname);
        console.log(l.port);
        console.log(l.pathname);
        console.log(l.hash);
        console.log(l.protocol);
        console.log(l.search); // Query String
        */
        if (l.pathname == path) {
            var re = new RegExp(path + '.*');
            return l.href.replace(re, '');
        }
    }
}

var myHostname = getHostWithPath('/Some/Path');

Answer 2

这可以通过在页面上运行以下代码来完成：

var server = $("link[href*='/Some/Path']").attr("href").replace("Some/Path/", "");

它的作用是选择 href 包含 / Some / Path 的元素，并获取整个 href 属性的文本/值。然后它会移除 Some / Path / 部分，只留下https://myServer:44301/，然后在变量server中设置。

<强>段：

var server = $("link[href*='/Some/Path']").attr("href").replace("Some/Path/", "");
alert(server);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="/core/assets/styles.min.css">
<link rel="stylesheet" href="/Content/Site.css">
<link rel="stylesheet" href="https://myServer:44301/Some/Path/">
<link rel="stylesheet" href="https://anotherServer/Another/Path/">

Answer 3

$(function() {
  $("link").each(function() {
    var href = $(this).prop("href");
    
    alert(href);
  });
});

<!DOCTYPE html>
<html>
  <head>
    <title>title here</title>
    <meta charset="utf-8" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <link rel="stylesheet" href="/core/assets/styles.min.css">
    <link rel="stylesheet" href="/Content/Site.css">
    <link rel="stylesheet" href="https://myServer:44301/Some/Path/">
    <link rel="stylesheet" href="https://anotherServer/Another/Path/">    
  </head>
  <body>
    <!-- page content -->
  </body>
</html>

以下代码采用每个链接并使用alert()显示它们。根据您的情况，我允许您使用条件块alert()包裹if()以获取正确的href（也许您的链接始终设置为这样，因此您需要获取第3个，等...）。

使用jQuery从CSS href中查找服务器名称

3 个答案: