JavaScript中this的使用
2010-08-20 17:16
543 查看
用简单的代码写出效率高的程序
哈哈 看到了吧 简单吧
本文出自 “博客即日起停止更新” 博客,请务必保留此出处http://sucre.blog.51cto.com/1084905/380681
<!--这个程序使用了javascript中的this,this可以减少很多不必要的代码量,并且提高代码的效率--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <script language="javascript"> function processData(form){ for (var i = 0; i < form.Beatles.length; i++) { if (form.Beatles[i].checked) { break; } } var beatle = form.Beatles[i].value; var song = form.song.value; alert("Checking whether"+" "+ song+" "+ "features"+" "+ beatle+" "+ "..."); } function verifySong(entry){//这里的entry是随便起的也可以叫别的名 var song = entry.value; alert("Checking whether" +" "+ song+" " + "is a Beatles tune..."); } </script> </head> <body> <form onSubmit="return false"> Choose your favorite Beatle: <input type="radio" name="Beatles" value="John Lennon" checked/>John <!--看到这里的checked了吧可以这样太简单了--> <input type="radio" name="Beatles" value="Paul McCartney"/>Paul <input type="radio" name="Beatles" value="George Harrison"/>George <input type="radio" name="Beatles" value="Ringo Starr"/>Ringo <p> Enter the name of your favorite Beatles song: <br> <input type="text" name="song" value="Eleanor Rigby" onChange="verifySong(this)"/> <p> <input type="button" name="process" value="Process Request..." onClick="processData(this.form)"/> <!--因为这个按钮是要提交表单的,直接将form传到指定的函数中--> </form> </body> </html>
哈哈 看到了吧 简单吧
本文出自 “博客即日起停止更新” 博客,请务必保留此出处http://sucre.blog.51cto.com/1084905/380681
相关文章推荐
- 学习笔记---Javascript原型对象、this的5钟用法、原型继承、Caller和Callee的使用
- javascript this 指针的使用及常见问题
- 简单对比分析JavaScript中的apply,call与this的使用
- javascript 中使用变量存储的函数与不使用变量存储的函数的加载区别,以及其中this对象的区别
- javaScript 之this的使用
- JavaScript中this的使用
- JavaScript的self和this使用小结
- javaScript中的this的使用
- 关于Javascript定义函数和this使用的两点注意的地方
- JavaScript的self和this使用小结
- JavaScript中的this指针使用汇总
- Effective JavaScript Item 25 使用bind方法来得到一个固定了this指向的方法
- 转 javascript中this使用小结
- Javascript定义函数和this使用
- Jquery第四课 Javascript中this的使用方法
- JavaScript 的self 和 this 使用小结
- 浅谈JavaScript中的apply/call/bind和this的使用
- javaScript 的 this指针使用要注意(转)
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的使用误区
- javascript(js)中使用this