JavaScript中this的使用

编程技术  /  houtizong 发布于 3年前   81
<!--这个程序使用了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>

 

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

留言需要登陆哦

技术博客集 - 网站简介:
前后端技术:
后端基于Hyperf2.1框架开发,前端使用Bootstrap可视化布局系统生成

网站主要作用:
1.编程技术分享及讨论交流,内置聊天系统;
2.测试交流框架问题,比如:Hyperf、Laravel、TP、beego;
3.本站数据是基于大数据采集等爬虫技术为基础助力分享知识,如有侵权请发邮件到站长邮箱,站长会尽快处理;
4.站长邮箱:[email protected];

      订阅博客周刊 去订阅

文章归档

文章标签

友情链接

Auther ·HouTiZong
侯体宗的博客
© 2020 zongscan.com
版权所有ICP证 : 粤ICP备20027696号
PHP交流群 也可以扫右边的二维码
侯体宗的博客