我正在尝试创建一个图像，该图像最初是隐藏的 - 但一旦文档通过 JavaScript 文件完全加载后就会显示出来。
$(document).ready(function () {
document.getElementById("theImage").style.visibility = "visible";
});#theImage {
visibility:hidden;
}<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kami Nelson Bio </title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="KNelson-Styles.css" rel="stylesheet" type="text/css">
<script src="respond.min.js"></script>
<script src="KNelson_reveal.js"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="theImage">
<img src="images/Kami-100.jpg" alt="Kami Nelson Image"/>
</div>
<div id="div1" class="fluid">
<h1>Bio for Kami Nelson</h1>
<p>Text</p>
</div>
</div>
</body>
</html>为什么这不起作用？
提前谢谢你。
最佳答案
您应该包括 jquery:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
或者使用原生的window.onload()代替$(document).ready()
window.onload=function () {
document.getElementById("theImage").style.visibility = "visible";
}
关于javascript - 页面加载后通过javascript显示图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29311643/