时间戳

首页 > 解决方案 > 更新不适用于 Markdown 中的 href 属性

javascript - 更新不适用于 Markdown 中的 href 属性

问题描述

我想创建一个自定义超链接，它将当前 URL 作为参数之一传递给 Web 应用程序端点 (abc.azurewebsites.net)。这些是我尝试通过 Id 获取元素并使用基本 HTML 属性更新 href 但没有运气的思考过程的版本。

方法一

> <script> baseurl="abc.azurewebsites.net?=" 
function buildURL(item) {
>     item.href=baseurl+window.location.href;
>     return true; } 
</script> 
> </head> <body> <a onclick="return buildURL(this)" href="">Google</a> </body>

方法二

Click on this <a href="" 
target="_self" id= "test" onclick =  buildURL() >Link  </a> to execute 
<script>
            var el_up = document.getElementById("test");
            function buildURL() {                           
                this.href = "abc.azurewebsites.net?=" + document.URL; 
 }
</script>

请有任何建议。甚至可能吗？

更新：顺便提一下，我正在 Azure Devops 描述部分尝试这个

在此处输入图像描述

标签： javascripthtmlmarkdown

解决方案

我相信这会奏效：

<body>
  <a id="link-to-edit" href=""> Click here to execute </a>
</body>

<script> 
  baseurl="https://abc.azurewebsites.net?=" 
  link = document.getElementById("link-to-edit")
  link.href = baseurl + window.location
</script>

一旦页面/脚本加载，这将使用 javascript 以编程方式将 href 更新为 baseurl 加上当前位置。然后，当您单击链接时，将正确执行。关键是href必须在点击的时候设置。在您的示例中，您在用户单击后设置了 href，因此该链接将无法按您的预期工作。希望有帮助！

推荐阅读