一个javascript按钮事件问题

问题描述

我想通过分别点击三个按钮展示三张不同的图片，但没有达到效果，不知道哪里错了。<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>www.yuanshi88.com</title><style type="text/css"><!--#MyPic{width:500px;height:400px;border:2px solid #69F;}--></style></head><body><form name="MyForm"><div><input name="show1" type="button" value="show1" /><input name="show2" type="button" value="show2" /><input name="show3" type="button" value="show3" /></div><img name="MyPic" id="MyPic" src=" " /></form><script type="text/javascript" language="javascript"><!--document.MyForm.show1.onclick=new function(){document.images.MyPic.src="xia1.jpg"}document.MyForm.show2.onclick=new function(){document.images.MyPic.src="xia2.jpg"}document.MyForm.show3.onclick=new function(){document.images.MyPic.src="xia.jpg"}--></script></body></html>

解决方案

<body> <form name="MyForm"> <div> <input name="show1" type="button" value="show1" onclick="show(1)"/> <input name="show2" type="button" value="show2" onclick="show(2)"/> <input name="show3" type="button" value="show3" onclick="show(3)"/> </div> <img name="MyPic" id="MyPic" src=" " /> </form> <script type="text/javascript" language="javascript"> <!-- function show(flag){if(1 == flag) {document.images.MyPic.src="xia1.jpg"}else if (2 == flag){document.images.MyPic.src="xia2.jpg"}else{document.images.MyPic.src="xia3.jpg"}} --> </script> </body>
解决方案二：
这个lz试试包你满意<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.yuanshi88.com</title> <style type="text/css"> <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } --> </style> </head> <body> <form name="MyForm"> <div> <input name="show1" type="button" value="show1" /> <input name="show2" type="button" value="show2" /> <input name="show3" type="button" value="show3" /> </div> <img name="MyPic" id="MyPic" src="xia1.jpg" /> </form> <script type="text/javascript" language="javascript"> <!-- document.getElementById("show1").attachEvent("onclick",function(){ document.images.MyPic.src="xia1.jpg" });document.getElementById("show2").attachEvent("onclick",function(){ document.images.MyPic.src="xia2.jpg" });document.getElementById("show3").attachEvent("onclick",function(){ document.images.MyPic.src="xia3.jpg" }); --> </script> </body> </html>
解决方案三：
绑定事件这样的<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.yuanshi88.com</title> <style type="text/css"> <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } --> </style> </head> <body> <form name="MyForm"> <div> <input name="show1" type="button" value="show1" /> <input name="show2" type="button" value="show2" /> <input name="show3" type="button" value="show3" /> </div> <img name="MyPic" id="MyPic" src="xia1.jpg" /> </form> <script type="text/javascript" language="javascript"> <!-- document.getElementById("show1").attachEvent("onclick",function(){ document.images.MyPic.src="xia1.jpg" });document.getElementById("show2").attachEvent("onclick",function(){ document.images.MyPic.src="xia2.jpg" });document.getElementById("show3").attachEvent("onclick",function(){ document.images.MyPic.src="xia3.jpg" }); --> </script> </body> </html>
解决方案四：
绑定事件 其实就是写个function方法 具体名字自己命名 不用new
解决方案五：
绑定事件函数new什么。。<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.yuanshi88.com</title> <style type="text/css"> <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } --> </style> </head> <body> <form name="MyForm"> <div> <input name="show1" type="button" value="show1" /> <input name="show2" type="button" value="show2" /> <input name="show3" type="button" value="show3" /> </div> <img name="MyPic" id="MyPic" src=" " /> </form> <script type="text/javascript" language="javascript"> <!-- document.MyForm.show1.onclick=function(){ document.images.MyPic.src="xia1.jpg" } document.MyForm.show2.onclick=function(){ document.images.MyPic.src="xia2.jpg" } document.MyForm.show3.onclick=function(){ document.images.MyPic.src="xia.jpg" } --> </script> </body> </html>
解决方案六：
绑定事件函数new什么。。<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>www.yuanshi88.com</title> <style type="text/css"> <!-- #MyPic{ width:500px; height:400px; border:2px solid #69F; } --> </style> </head> <body> <form name="MyForm"> <div> <input name="show1" type="button" value="show1" /> <input name="show2" type="button" value="show2" /> <input name="show3" type="button" value="show3" /> </div> <img name="MyPic" id="MyPic" src=" " /> </form> <script type="text/javascript" language="javascript"> <!-- document.MyForm.show1.onclick=new function(){ document.images.MyPic.src="xia1.jpg" } document.MyForm.show2.onclick=new function(){ document.images.MyPic.src="xia2.jpg" } document.MyForm.show3.onclick=new function(){ document.images.MyPic.src="xia.jpg" } --> </script> </body> </html>

时间： 2024-08-01 12:36:22

一个javascript按钮事件问题的相关文章

十进制数-用vcmfc编写一个函数 在发送按钮事件下调用这个函数 具体见正文

问题描述 用vcmfc编写一个函数 在发送按钮事件下调用这个函数 具体见正文 该函数需将BYTE编辑框变量十进制数转化为16进制数,在按钮事件下调用该函数 进行转化.我是新手 求指导 刚接触vc思维上有点转不过来 解决方案 大概的思路char * input= ""00FF0123D5..."";char* out2=new char[strlen(input/2];int count=0;for(char *s=input;strlen(s)>0;s+=2)

关于java问题-同包内有两个窗体类，如何通过一个窗体的按钮事件进入另一个窗体？

问题描述 同包内有两个窗体类,如何通过一个窗体的按钮事件进入另一个窗体? 就是做一个登录窗口和主窗口,确认用户名和密码点击登录能跳转到那个主窗口-同时关闭登录窗口-该怎么做呢??菜鸟求指点 解决方案 如何从一个窗体拖拽一个按钮到另一个窗体 解决方案二: ---biu~biu~biu~~~ 解决方案三: 首先在你的登录窗体应该会有一个登录按钮, 双击登录按钮即可进入单击事件,在单击事件中创建一个主窗体的对象 比如:你的主窗体的窗体名叫FrmMain FrmMain frm=new FrmMain(

事件-Android 要做一个滑动按钮 如图

问题描述 Android 要做一个滑动按钮 如图 要求:向上推或向下拉会触发Action move事件,松手按钮弹回,提供点思路卡了好久了,请高人支招. 解决方案 onTouch监听,view跟着手势在y轴移动,设一个阈值,移动距离超过该值就认为是滑到位了,没达到,Action.up时就让他回到原位,设置回去时的速度快一点就有弹回的效果了. 解决方案二: 没悬赏,没有动力的说 解决方案三: 自定义view 根据手势计算位置 up的时候计算是往上还是往下

setonclicklistener-初学andriod，工具为studio，就是一个简单的按钮事件，模拟器执行时报错，请专家指点

问题描述 初学andriod,工具为studio,就是一个简单的按钮事件,模拟器执行时报错,请专家指点 初学andriod,工具为studio,就是一个简单的按钮事件,请专家指点: protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); if (savedInstanceState == null

net c# 窗口-C# 通过winform的一个按钮事件 切换当前windows系统打开的窗口?

问题描述 C# 通过winform的一个按钮事件 切换当前windows系统打开的窗口? 就是在winform窗口里 只有一个按钮!功能:点一次按钮,就会切换当前切换窗口! 就是用C#实现 alt+tab功能[不过是一次只切换一个窗口] ,求高手啊 是不是要调用winodws API的类库啊,怎么调用????

JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)_基础知识

JavaScript onkeypress 事件 用户按下或按住一个键盘按键时会触发 onkeypress 事件. 注意:onkeypress 事件与 onkeydown 事件有些细微差别,onkeypress 事件不做相应功能键按下的处理.具体可将下面的示例更改为 onkeydown 事件后,可输入 !@#$ 等特殊字符即可体会出二者之间的差别. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefo

weboffice添加实现一个按钮并触发这个按钮事件

问题描述 weboffice添加实现一个按钮并触发这个按钮事件 大家好,我在使用weboffice时候,新添加了一个上传文件的按钮,但是点击这个按钮后,出现了以下提示: 请问要如何触发这个事件,谢谢 解决方案 源代码全文搜索"32779新加按钮触发的事件可在这里写自己的功能",然后就能找到写代码的地方了.

一个事半功倍的c#方法 动态注册按钮事件_实用技巧

言归正传,下面就来讲讲怎样动态注册按钮事件. 首先,我们需要设置变量来获取点击一个数字按钮的值,以便在"="按钮单击事件中计算最终的结果.下面就是我开始的时候写的一段代码: 复制代码 代码如下: public double? value1 = null ;//获取运算符前的数值 public double? value2 = null ;//获取运算符前的数值 public type caltype=type .none ;//获取运算符 private void btnvalue1_

浅谈JavaScript之事件绑定

关于 JavaScript 的事件绑定在网上已经有不少相关的资料了,今天这篇文章也是在被同事问及的时候才顺便把它记录下来,算是 JavaScript 事件绑定中的一个小技巧,如果能在工作中善加利用,会有出其不意的效果   其实没有什么新的知识点,只是为了方便其他有需要的朋友们翻阅,对自己而言也算是一个积累,所以只能算是闲谈 JavaScript,老鸟们可以尽情飘过. 在进入正题之前,先提个问题热热身吧.现在有如下 HTML 结构: 复制代码 代码如下: <div id="wrap"