入门快速javescript基础
这是演示开关灯的代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="/images/pic_bulboff.gif"; } else { element.src="/images/pic_bulbon.gif"; } } </script> <img id="myimage" οnclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> <p>点击灯泡就可以打开或关闭这盏灯</p> </body> </html> 这是基本的提示代码
function n(){ alert("are you sure");//警告 } function m(){ prompt("are you ken"); } function bb(){ alert(confirm("are you su"));//确认 } <body> <input type="text" value="点点" οndblclick="n()"/> <input type="text" value="点点1" οnclick="m()"/> <input type="text" value="点点2" οnclick="bb()"/> <body>
alert:
Prompt:
Confirm:
这是点击换图代码
function b(){ var email = document.getElementById("email"); alert(email.value); alert(email.type); } function c(){ var tip1 = document.getElementById("tip1"); alert("图片的"+tip1.id); alert("图片的"+tip1.src); tip1.src="Img/2.jpg"; alert("图片的"+tip1.src); } <body> <p> <input type="button" value="点点2" οnclick="b()"/> <input type="text" id="email"/> </p> <p> <div> <input type="button" value="点点3" οnclick="c()"/> <img src="Img/1.png" id="tip1"></img> <img src="Img/2.jpg"></img> </div> </p> </body>
又标题党了
