新手编程: HTML5显示图像-按钮onclick=
新手编程: HTML5显示图像-按钮onclick=
提问于 2012-06-27 12:17:25
这里是第一个程序员，用HTML5写简单的程序。似乎无法在单击按钮时显示图像。下面是我的代码：
<p>
<center>
<button onclick="DeadTest()">
<img src="BeginTest.gif"/></button></center></p>
<script language="javascript" type="text/javascript">
function DeadTest()
{
<img style="border-width: 0px;" src="White.jpg" width="768" height="1280" />
}
</script>我已经浏览了无数的网站和论坛，但似乎就是不能让它工作。我尝试过alert()函数，它正在工作。我认为这一定与调用图像的代码有关。
第一次做程序员，所以看起来很愚蠢。教我，哦古鲁的..。
回答 2
Stack Overflow用户
发布于 2012-06-27 12:50:56
首先学习有关如何正确调用javascript函数以及如何更改属性的基础知识。
请参阅我的示例演示。希望你能从中学到东西。
http://jsfiddle.net/NgryM/1/
<script type="text/javascript">
function ButtonClick()
{
alert('Button was clicked');
}
function ImageClick(){
alert('Image was clicked');
}
function ChangeImageSrc(){
var img = document.getElementById('myImage');
img.src = "http://www.ivankristianto.com/wp-content/uploads/2011/05/Javascript.gif";
}
function ChangeSize(){
var img = document.getElementById('myImage');
img.height = "80";
img.width = "40";
}
</script>
<p>
<center>
<input type="button" onclick="ChangeImageSrc()" value="Change Image Src"/>
<input type="button" onclick="ButtonClick()" value="Test Button Click"/>
<input type="button" onclick="ChangeSize()" value="Change Size"/>
<img id="myImage" src="http://www.mmncs.com/wp-content/uploads/javascript_logo.gif" onclick="ImageClick()"/>
</center>
</p>Stack Overflow用户
发布于 2012-06-27 13:18:51
<p><center><button style="background:url('Login_Button.png');width:86px;height:45px" onclick="DeadTest()"></button></p>
<div><img id="img1" style="visibility:hidden" src="a3.jpg" width="768" height="1280" /></div>
<script>
function DeadTest(){
document.getElementById('img1').style.visibility='visible';
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11219324
复制相关文章
相似问题
腾讯云开发者
