如何在div內的PHP中嵌入JavaScript（在包含文件中）？

Question

我正在嘗試根據頁面的URL將圖像顯示在div中。 該div位於包含文件中，該文件將用於網站的所有頁面。 我想要的是它的主頁（帶有或不帶有index.php），以便div顯示圖像。 到目前為止，我拼湊的是：

<script type="text/javascript">
var d = location.href

if (d="website.com" || "website.com/index.php") 
{
<img src="/images/DSLogo2.jpg" />;
}
</script>

我不確定這是否正確，甚至不確定最佳解決方案。 非常感謝任何幫助，因為我每天仍在學習越來越多的知識。

Answer 1

不要混淆=和==運算符。 編碼條件的正確方法是

if (d=="website.com" || d=="website.com/index.php")

Javascript不是預處理器，您無法像PHP一樣使用它來創建代碼。 如果要添加元素，則必須使用DOM：

<div id="target"></div>
<script>
  var d = location.href;
  var target = document.getElementById("target");
  if (d=="website.com" || d=="website.com/index.php") {
    target.innerHTML = '<img src="/images/DSLogo2.jpg"/>';
  }
</script>

Answer 2

嘗試：

<script type="text/javascript">
var d = window.location.href

if (d="website.com" || "website.com/index.php") 
{
    document.write('<img src="/images/DSLogo2.jpg" />');
}
</script>

Answer 3

JavaScript不能那樣工作。 您可以使用諸如此類的邏輯來使用document.write，但是這樣會更好：

if (your logic here) {
    var image = document.getElementById('my_image');
    image.src = 'some_image.jpg';
}

注意，假設您在圖像元素上具有唯一的ID。 您需要將此邏輯放入文檔就緒事件或加載窗口中。