Question

我想创建一个全局变量以分配给菜单导航，以指向不同站点的URL。

以下为摘要。

<!DOCTYPE html>
<html>
  <head>
    <style>
      ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
      }

      li {
        display: inline;
      }
    </style>
  </head>

  <script>
    var my_name, my_URL2, my_URL1;
    my_name = prompt("What's the my_name");
    my_URL1= "http:__mysite.com/profile.ashx?t="+my_name
    my_URL2= "http:__yoursite.com/profile.ashx?t="+my_name

  </script>
  <body>
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="http:__google.com">News</a></li> ////// this works
      <li><a href=my_URL1>Phon</a></li>           ////// variable use fail.
    </ul>
  </body>
</html>

我真的认为并希望有一种方法可以将变量分配给不同的URL，并且用户可以简单地单击并转到带有该全局变量的URL。

如果还有其他站点需要帮助，请以这种方式指出我。

Answer 1

您将无法直接在HTML中使用JavaScript内容。您可能会做的是：

window.onload = function () {
  urlCont = prompt("Enter URL");
};

<a href="#" onclick="location.href='https://' + window.urlCont">Phon</a>

在上面的代码中对其进行测试，如果您尝试放置一个无沙盒的不受限制的域（例如我的praveen.science），则可以导航到它。

运行代码段。
输入praveen.science或任何其他不受限制的域。
在提示中按确定。
单击电话链接。
该链接导航到您放置的位置。

但是，这又是最糟糕的设置方法。始终尝试使用低调模式。

如何在nav ... li href中使用全局变量

1 个答案: