Saya memiliki tiga kotak yang ingin saya ubah lebar, tinggi, dan opacitynya berdasarkan halaman web apa yang dimuat. Saya tidak yakin apa yang perlu saya ubah dalam javascript saya, jadi bantuan apa pun akan sangat membantu.

<html>
  <body onload="setDark()">
    <a href="siteone.html">
      <div class="firstbox" id="fBox"></div>
    </a>
    <a href="sitetwo.html">
      <div class="secondbox" id="sBox"></div>
    </a>
    <a href="sitethree.html">
      <div class="thirdbox" id="tBox"></div>
    </a>
  </body>
</html>
function setDark() {
  var currentPage = window.location.href;
  var boxOne = document.getElementById("fBox");
  var boxTwo = document.getElementById("sBox");
  var boxThree = document.getElementById("tBox");
  if (currentPage === "siteone.html") {
    document.getElementById("fBox").style.width = "100px";
    document.getElementById("fBox").style.height = "100px";
    document.getElementById("fBox").style.opacity = 0.6;
  }
  if (currentPage === "secondpage.html") {
    document.getElementById("sBox").style.width = "100px";
    document.getElementById("sBox").style.height = "100px";
    document.getElementById("sBox").style.opacity = 0.6;
  } else {
    document.getElementById("tBox").style.width = "100px";
    document.getElementById("tBox").style.height = "100px";
    document.getElementById("tBox").style.opacity = 0.6;
  }
}

https://jsfiddle.net/dpvumw0o/

0
nqkqqioo1122 23 April 2020, 04:23

1 menjawab

Jawaban Terbaik

Anda membandingkan window.location.href, url lengkap halaman dengan string file.

Jika Anda tidak memiliki kedalaman folder, Anda dapat menggunakan window.location.pathname sebagai gantinya dan menambahkan garis miring dalam perbandingan Anda.

window.location.pathname === '/siteone.html'

Anda juga dapat memeriksa apakah url diakhiri dengan string Anda menggunakan ekspresi reguler:

/siteone\.html$/.test(window.location.href)

Jika Anda tidak menyukai ekspresi reguler

window.location.href.indexOf('siteone.html') > -1

Akhirnya Anda bisa menggunakan metode string endWith (namun itu tidak didukung di internet Explorer):

window.location.href.endsWith('siteone.html')
0
J Dubuis 23 April 2020, 01:42