使用带有部分地址的 if 语句来寻址链接

Question

尝试找出一种方法，使用 Javascript 来设置一些 if-else 语句，仅使用 url 的一部分来确定链接是否应该转到一个地方或另一个地方。到目前为止我得到的是，

 <script type="text/javascript">
    if (url.indexOf("example.com/") != -1) 
{
        <a href="placeone.com" target="_blank">Blahblah</a>
    } else {
        <a href="placetwo.com" target="_blank">Blahblah</a>
        }
 </script>

问题是链接甚至没有出现，所以我不知道我错了多少。

感谢您的任何帮助。

编辑：为了论证，我们可以说它是一个空白的 html 页面。如 中所示 <正文>

寻找更多概念证明，然后扩展到在全面的网站上实现此功能。

编辑#2： 想通了，甚至还有网址检测。

<a id="link">link</a>
<script type="text/javascript">
var link = document.getElementById('link');
var referrerUrl = document.referrer;
if (referrerUrl.indexOf("searchurlfor") != -1)
{
    link.href = "place1";
} else {
    link.href = "place2";
}
</script>

Answer 1

尽量不要混合 HTML 和 JavaScript：

<a id="someLink" target="_blank">Blahblah</a>

<script>
  document.getElementById('someLink').href = 
    (url.indexOf("example.com/") != -1)? 'placeone.htm' : 'placetwo.htm'
</script>

或者更详细地说：

<script>
  var linkElem = document.getElementById('someLink');
  if(url.indexOf("example.com/") != -1) {
    linkElem.href = 'placeone.htm';
  } else {
    linkElem.href = 'placetwo.htm';
  }
</script>

脚本最好应该放在一个单独的文件中。您建议的方式感觉像 PHP 或 JSP，但 JavaScript 不能以这种方式工作。在上面的示例中，您首先呈现空链接，然后更改href属性。

Answer 2

我想你想要：

<script>
   if (url.indexOf("example.com/") != -1) 
   {
      document.write('<a href="placeone.com" target="_blank">Blahblah</a>');
   } else {
      document.write('<a href="placetwo.com" target="_blank">Blahblah</a>');
   }
</script>

Answer 3

您需要 getElementById

HTML：

<a id="link">link</a>

Javascript

<script type="text/javascript">
var link = document.getElementById('link');
if (url.indexOf("example.com/") != -1) 
{
        link.href="placeone.com";
} else {
        link.href="placetwo.com";
}
 </script>

Answer 4

您必须向我们展示此代码在您的页面中执行的位置/时间。您不能像以前那样将 HTML 放入 javascript 的中间。

如果这是内联脚本，您可以调用：

document.write('<a href="placeone.com" target="_blank">Blahblah</a>');

将 HTML 插入到文档中的当前位置。

如果此代码未在文档中内联执行，则不应使用 document.write() 因为这会清除文档并开始新文档。相反，您可以使用 DOM 操作函数将其插入页面中的适当位置或更改现有链接上的 href。例如，当您有以下 HTML 时，要更改现有链接上的 href：

<a id="myLink" href="placeone.com" target="_blank">Blahblah</a>

您将使用必须在页面加载后运行的 JavaScript：

var link = document.getElementById("myLink");
(url.indexOf("example.com/") != -1) {
    link.href = "placeone.com";
} else {
    link.href = "placetwo.com";
}