显示div框的Javascript不起作用

时间:2017-07-12 08:32:17

标签: javascript random

对不起,我对JS很新,但我需要工作......

你能快点告诉我这个脚本有什么问题吗?我只是希望每当有人加载页面时,div框都会可见...



<body onload="script();">

<script type="text/javascript">
var random = Math.floor(Math.random() * 2) + 1  ;
	
	if (random<1) {
	document.getElementById('ele').style.display = 'block';
};
</script>



<div style="display: none;" id="ele">Div-Box<br />
	</div>
</body>
&#13;
&#13;
&#13;

干杯, 直到

2 个答案:

答案 0 :(得分:1)

使用random赢得了保证每次加载页面时都会显示div。为此,您需要跟踪用户打开页面的次数。您可以在localStorage

中执行此操作
<body>
  <script>
    var viewCount = localStorage.getItem('viewCount') || 1; // default to 1 the first time
    if (viewCount % 2 === 0) { // if it's an even number
      document.getElementById('ele').setAttribute('style', 'display: block');
    }
  </script>
</body>

答案 1 :(得分:0)

除了你的逻辑,你在onload上调用了script()函数,但它没有定义。

&#13;
&#13;
<body onload="script();">

<script type="text/javascript">
function script(){
var random = Math.floor(Math.random() * 2) + 1  ;
	console.log(random);
	if (random>1) {
	document.getElementById('ele').style.display = 'block';
};
}
</script>



<div style="display: none;" id="ele">Div-Box<br />
	</div>
</body>
&#13;
&#13;
&#13;