Question

我有以下代码：

<html>
<body>
<div class="block" style="width:40.5%; margin-top: 1%;   
margin-left:-6.5%; height: 15%; position: fixed">
</div>
</body>
</html>

我想根据URL是否设置了“id”来更改margin-left（或任何边距）的值。例如，通常主页将是“index.php”，但是基于搜索，URL可以是类似“index.php？id = 1”的内容。如果URL中不存在“id”参数，我希望margin-left为-6.5％，如果“id”参数确实存在，我希望margin-left为6.5％。道歉我知道我可能错过了一个简单的解决方案。

Answer 1

因此，您需要使用一些JavaScript来检查网址，看看是否有＆＃39; id＆＃39;存在。如果它存在，那么我们只是告诉它更新＆＃39; margin-left＆＃39;该div的财产。

function getUrlVars() {
  var vars = {};
  var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,
  function (m, key, value) {
    vars[key] = value;
  });
  return vars;
}
var getId = getUrlVars()["id"];
if (getId) { 
  var mainBlock = document.getElementsByClassName("block")[0];
  mainBlock.style.marginLeft = "6.5%";
}

https://jsfiddle.net/partypete25/30pt30cm/1/

根据设置的URL变量更改html div属性

1 个答案: