我有一个问题:我正在根据上一页的单击更改按钮的文本,因此我尝试使用JavaScript通过新页面正文的innerHTML事件来更新新页面中按钮的onload()。但是,它在更改文本时对用户显示。我只希望它直接显示而不会引起用户注意。有人得到这个答案吗?

function myFunction(){
		var x=document.getElementById("GymName");
		x.innerHTML="hesham";
}
<!DOCTYPE html>
<html>
<head>
<link rel= 'stylesheet' href='css/bootstrap.css' />
<link rel= 'stylesheet' href='css/font-awesome.min.css' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
</head>

<body onload="myFunction()" >
<button class="btn btn-danger" id="GymName">Omar</button>

<script src="js/jquery-2.1.4.min.js"> </script>
<script src="js/jquery.mobile-1.4.5.min.js"> </script>
<script src="js/bootstrap.min.js"> </script>
<script src="js/login.js"></script>
</body>
</html>

最佳答案

启动用display: none隐藏的按钮,仅在更改值后显示它。或者,如果您正在寻找更平滑的过渡,则可以fade it in with jQuery

function myFunction(){
  var x = document.getElementById("GymName");
  x.innerHTML = "hesham";
  x.style.display = "inline";
}
#GymName {
  display: none;
}
<body onload="myFunction()" >
  <button class="btn btn-danger" id="GymName">Omar</button>
</body>

关于javascript - 在出现在新的html页面中之前更改按钮文本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32770733/

10-12 00:08
查看更多