码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript日常学习3

时间:2018-02-12 18:35:05      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:++   bsp   实例   形参   sla   val   str   not   span   

JavaScript函数

 函数就是包裹在花括号中的代码块,前面使用了关键词 function:

function functionname()     
{
执行代码
}
function myFunction(var1,var2)   //带形参
{
代码
}
HTML5调用:onclick="functionname()"     //不带实参
                       onclick="functionname(argument1,argument2)"     //带实参

实例:<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
看书:<input type="checkbox" name="checkbox" value=1><br>
写字:<input type="checkbox" name="checkbox"value=2><br>
打飞机:<input type="checkbox" name="checkbox"value=3><br>
玩游戏:<input type="checkbox" name="checkbox"value=4><br>
<button onclick="checkboxed(‘checkbox‘)">全选</button>
<button onclick="uncheckboxed(‘checkbox‘)">取消全选</button>
<script>
function checkboxed(objName){
       var objNameList=document.getElementsByName(objName);

       if(null!=objNameList){
                  alert("全选操作");
                  for(var i=0;i<objNameList.length;i++){
                              objNameList[i].checked="checked";
                   }
       }
}

function uncheckboxed(objName){
       var objNameList=document.getElementsByName(objName);

       if(null!=objNameList){
                 alert("取消全选操作");
                 for(var i=0;i<objNameList.length;i++){
                              objNameList[i].checked="";
                 }
       }
}
</script>
</body>
</html>

JavaScript日常学习3

标签:++   bsp   实例   形参   sla   val   str   not   span   

原文地址:https://www.cnblogs.com/hzb462606/p/8444917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!