Question

如果我的网站网址为http://example.com/?player=1，我需要添加样式然后我找到了代码，但我无法使用它如果url = http://example.com/?player=1正文样式将是

body{ background:#000; }

<script type='text/javascript'>
  //<![CDATA[
  var curl = window.location.href;
  if (curl.indexOf('player=1') != -1) {
    curl = curl.replace('player=1', 'm=0');
    window.location.href = curl;
  }
  //]]>
</script>

它用m = 0替换player = 1，但我需要用它来添加样式

Answer 1

在脚本中添加

if(window.location.href.indexOf("example.com/?player=1") > -1){
  $('body').css("background-color","#000");
}

操纵你自己的代码就像下面一样。

 var curl = window.location.href;
  if (curl.indexOf('player=1') != -1) {
   $('body').css("background-color","#000");
  }

Answer 2

如果要检查的字符串出现在URL中，则需要设置body元素的style。

if(window.location.href.indexOf("player=1")!=-1)
    document.body.style.backgroundColor="#000";

或者，为了避免设置内联样式，您可以创建一个新类，并在您检查的字符串存在时将其应用于正文。

body.player1{
    background:#000;
}

if(window.location.href.indexOf("player=1")!=-1)
    document.body.classList.add("player1");

Answer 3

你走了：

<script type='text/javascript'>
   //<![CDATA[
       var curl = window.location.href;
       if (curl.indexOf('player=1') != -1) {
           document.body.style.backgroundColor = "red"
       }
   //]]>
</script>

Answer 4

你可以利用JS的正则表达式。

Live Demo

这是代码（HTML） -

.dynamic-css {
   display: inline-block;
  background: tomato;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
}

CSS -

$(document).ready(function() {
  var url = /jsbin/.test(window.location.href);
  if (url) {
    console.log("Found 'StackOverflow in URL. I will add Style to text now.'")
    $('p').addClass('dynamic-css');
  }
});

JS

CardView

如果window.location.href.indexOf（＆＃39; player = 1＆＃39;）添加样式

4 个答案: