07 js自定义函数

学习目标:

1.充分理解函数的概念

2.能熟练的自定义函数

3.掌握js中常用的系统函数

一个简单的加减乘除案例(说明函数的必要性):

<html>
<head>
<script language="javascript">
<!--
//输入两个数,再输入一个运算符(+-*/),得到结果
var num1 = window.prompt("请输入第1个num");
var num2 = window.prompt("请输入第2个num");
var operator = window.prompt("请输入运算符");
num1=parseFloat (num1);
num2=parseFloat (num2);

var res = 0;
if (operator=="+")
{
    res =num1+num2;
}else if (operator=="-")
{
    res =num1-num2;
}else if (operator=="*")
{
    res =num1*num2;
}else {
    res =num1/num2;
}
document.write("res="+res);
//-->
</script>
</head>
<body>
</body>
<html>

函数的概念

Js 函数

①为什么需要函数

比如在多个html文件中需要完成(+-*/等功能)

把代码写成函数,

②函数的基本概念

为完成某一功能的代码(语句,指令)的集合

③基本语法

function 函数名(参数列表){

//代码

return 值;//可选

}

④案例:将函数单独提出,写到js 文件然后在需要的地方引入

<script language="javascript" src ="路径" ></script>

js24-2.html代码:

<html>
<head>
</head>
<body>
<script language="javascript" src="js24-2.js"></script>

<script language="javascript">
//输入两个数,再输入一个运算符(+-*/),得到结果
var num1 = window.prompt("请输入第1个num");
var num2 = window.prompt("请输入第2个num");
var operator = window.prompt("请输入运算符");
num1=parseFloat (num1);
num2=parseFloat (num2);
//调用函数
document.write("res"+ jiSuan(num1, num2, operator));

</script>
</body>
<html>

js24-2.js

//js文件
//自定义函数
//输入两个数,再输入一个运算符(+-*/),得到结果
function jiSuan(num1, num2, operator) {//特别强调,参数名不要带var

var res = 0;
if (operator=="+")
{
    res =num1+num2;
}else if (operator=="-")
{
    res =num1-num2;
}else if (operator=="*")
{
    res =num1*num2;
}else {
    res =num1/num2;
}
return res;
}
时间: 2024-11-09 19:07:35

07 js自定义函数的相关文章

在js自定义函数中使用$(event.target)代替$(this)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti

js自定义函数——日期时间类

//设置时间类 var Wsdatatime = function(){ this.today = (new Date()).getTime(); //当前时间 } Wsdatatime.prototype={ setTime:function(p,bz){ var preDate = new Date( this.today +p*24*60*60*1000); var y = preDate.getFullYear(); var m = preDate.getMonth()+1; var d

js自定义函数默认参数的写法

错误写法如下:(我以为这样写是对的,结果在很多浏览器都运行出错,只在火狐浏览器中运行正常,可能火狐浏览器兼容了这种写法). function test(a,b=0){ ...... } 正确的写法如下: function test(a,b){ if(!arguments[1]) b=0; ...... } arguments[0]表示第一个参数a arguments[1]表示第二个参数b当第二个参数b不存在时,给b赋默认值0

总结:工作中常用的js自定义函数

<一>日期时间类 //设置时间类 var Wsdatatime = function(){ this.today = (new Date()).getTime(); //当前时间 } Wsdatatime.prototype={ setTime:function(p,bz){ var preDate = new Date( this.today +p*24*60*60*1000); var y = preDate.getFullYear(); var m = preDate.getMonth(

js 取掉空格自定义函数

js  取掉空格自定义函数 1 //取掉左右空格: 2 3 function trim(str){ 4 5 return str.replace(/(^\s*)|(\s*$)/g, ""); 6 7 } 8 9 //取掉左边空格: 10 11 function ltrim(str){ 12 13 return str.replace(/(^\s*)/g,""); 14 15 } 16 17 //取掉右边空格: 18 19 function rtrim(str){ 2

JS基础(五)自定义函数

作用:是为了让重复使用的语句,方便进行调用. 定义格式: function 自定义函数名 (参数1, 参数2,...) { 执行的语句 } 函数的封装:把语句放到函数中去的过程. 参数:通过参数的改变,改变函数的结果. 传参:使用参数调用函数. 在传参的过程中,是有顺序要求的,注意不能把顺序搞乱. 变量的作用域:1.全局变量:在程序中各函数都能够调用. 2.局部变量:只在定义的函数中能够调用.

Microsoft SQL Server 自定义函数整理大全

01.去除字符串中的html标记及标记中的内容 [叶子函数分享一]去除字符串中的html标记及标记中的内容 --1.创建函数 create function [dbo].[clearhtml] (@maco varchar(8000)) returns varchar(8000) as begin     declare @i int     while 1 = 1     begin        set @i=len(@maco)        set @maco=replace(@maco

PHP移动互联网开发笔记(4)——自定义函数及数组

原文地址:http://www.php100.com/html/php/rumen/2014/0326/6705.html 一.自定义函数 自定义函数就是我们自己定义的函数,在PHP中自定义函数格式如下: function funname(arg1, arg2, arg3......){ //TODO return values; } view source print? 01.<?php  02.function fun($m, $n){  03.if($m==0 || $n==0){  04

js自定义对象

<script type="text/javascript" src="out.js"></script> <script> /* *如果想要自定义对象,应该对对象进行描述*js是基于对象,不是面向对象.不具备描述事物的能力.*如果想按照面向对象的思想编写js.*就要先描述,在js中,可以用函数来模拟面对对象的中的描述*/ //用js来描述人/*function Person(){//相当于构造器alert("perso