Javascript 教程 在线

480JavaScript函数

作为参数的的变量称为形参,带入的参数称为实参

function myFunction(a,b){ return a*b;}  // 形参
document.getElementById("demo").innerHTML=myFunction(4,3);  // 实参

479JavaScript函数

对于上述同学的笔记里JavaScript 多选框多选与取消多选实例,这次用按钮来统一实现:

var checkAll = false;
function allcheck(){
    checkAll = !checkAll;
    let inputs = document.getElementsByName('checkbox')
    for(var i =0;i<inputs.length;i++){inputs[i].checked = checkAll}
}

尝试一下 »

478JavaScript函数

JavaScript 多选框多选与取消多选实例:

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="";
        }
    }
}

尝试一下 »

477JavaScript函数

使用 HTML 、JavaScript 创建一个简单的计算器,包含加、减、乘、除四个功能:

var result_1;
//加法
function add() {alert(1);
  var a = getFirstNumber();
  var b = getTwiceNumber();
  var re =Number( a) +Number( b);
  sendResult(re);
}

//减法
function subtract() {
  var a = getFirstNumber();
  var b = getTwiceNumber();
  var re = a - b;
  sendResult(re);
}

//乘法
function ride() {
  var a = getFirstNumber();
  var b = getTwiceNumber();
  var re = a * b;
  sendResult(re);
}

//除法
function devide() {
  var a = getFirstNumber();
  var b = getTwiceNumber();
  var re = a / b;
  sendResult(re);
}

//给p标签传值
function sendResult(result_1) {
  var num = document.getElementById("result")
  num.innerHTML = result_1;
}

//获取第一位数字
function getFirstNumber() {
  var firstNumber = document.getElementById("first").value;
  return firstNumber;
}

//获取第二位数字
function getTwiceNumber() {
  var twiceNumber = document.getElementById("twice").value;
  return twiceNumber;
}

更多实例

/try/try.php?filename=calculator

476JavaScript函数

在使用 return 语句时,函数会停止执行,并返回指定的值。例如:

sayHi();
function sayHi(name,message){
    document.write("return 语句执行前。");
    return;
    alert("hello" + name +"," + message);//这一行永远不会被调用
}

尝试一下 »