零基础讲解JavaScript函数
一 JavaScript函数
1 什么是函数
函数是一组代码(指令)的集合，通常用来完成某个单一的功能。(书的目录和章节，电视剧剧集的名称等)
2 为什么要使用函数
2.1 把复杂程序划分成不同的功能模块，代码清晰、易懂、易维护(电影短不用分集，电视剧分集)
2.2 可重复使用
我们一起看一下，提问，下列代码的特点？(总结代码的功能)
<script>
document.write('我叫关羽<br/>');// 1 介绍关羽
document.write('今年37岁<br/>');
document.write('我来自山西运城<br/>');
document.write('我叫张飞<br/>');// 2 介绍张飞
document.write('今年30岁<br/>');
document.write('我来自河北涿州<br/>');
document.write('我叫刘备<br/>');// 3 介绍刘备
document.write('今年40岁<br/>');
document.write('我来自河北涿州<br/>');
document.write('我叫马志国<br/>');//4 自我介绍
document.write('今年37岁<br/>');
document.write('我来自北京<br/>');
</script>
3 如何实现函数及调用函数
3.1 函数的基本语法
function 函数名称(arg0,arg1,...argN)//关键字function
{
statements; //执行的代码
}
使用函数修改代码
function Hello(name,age,address)
{
document.write('我叫'+name+'<br/>');
document.write('今年'+age+'岁<br/>');
document.write('我来自'+address+'<br/>');
}
3.2 函数调用，名字加上括号中的参数
Hello('关羽',37,'山西运城');
Hello('张飞',30,'河北涿州');
Hello('刘备',40,'河北涿州');
Hello('马志国',37,'北京');
3.3 通常由事件驱动或者在代码中调用
3.2.1 外部事件驱动。例如，用户点击鼠标、键盘
3.2.2 内部事件驱动。页面加载，定时器事件等
<html>
<head>
<title>JavaScript学习</title>
<script>
function Hello(name,age,address)
{
document.write('我叫'+name+'<br/>');//
document.write('今年'+age+'岁<br/>');
document.write('我来自'+address+'<br/>');
}
window.onload="Hello('马志国',37,'北京')";//内部事件
</script>
<body>
<h1>JavaScript函数</h1>
<button onclick="Hello('关羽',37,'山西运城')">关羽</button>
<button onclick="Hello('张飞',30,'河北涿州')">张飞</button>
<button onclick="Hello('刘备',40,'河北涿州')">刘备</button>
</body>
</head>
</html>
3.4 进阶，带返回值的函数(加减乘除)
...
零基础讲解JavaScript函数的更多相关文章
- 从零基础入门JavaScript（1）
从零基础入门JavaScript(1) 1.1 Javascript的简史 1995年的时候 由网景公司开发的,当时的名字叫livescript 为了推广自己的livescript,搭了j ...
- 《零基础学JavaScript(全彩版)》学习笔记
<零基础学JavaScript(全彩版)>学习笔记 二〇一九年二月九日星期六0时9分 前期: 刚刚学完<零基础学HTML5+CSS3(全彩版)>,准备开始学习JavaScrip ...
- 基础的JavaScript函数
基础的JavaScript函数 1.首字母大写 2.去除数组重复项 3.数组的排序 4.闭包 1. 把用户输入的不规范的英文名字,变为首字母大写,其他小写的规范名字(使用JavaScript的map函 ...
- 前端基础之javaScript(函数)
目录 一:javaScript函数 1.函数关键字 2.格式 3.无参函数 4.有参函数 二:关键字arguments 1.能够获取函数接受的索引参数 2.关键字arguments(限制函数不能多也不 ...
- 从零基础入门JavaScript(2)
在上次的学习当中,我已经对JavaScript有了一定基础上的理解,比如:JavaScript的发展史,JavaScript中变量的命名,各种运算符,以及数据的类型与它们之间的转化.还有就是一些最基本 ...
- 零基础学 JavaScript 全彩版 明日科技 编著
第1篇 基础知识 第1章 JavaScript简介 1.1 JavaScript简述 1.2 WebStorm的下载与安装 1.3 JavaScript在HTML中的使用 1.3.1 在页面中直接嵌入 ...
- PHP_零基础学php_3PHP函数、传参函数、默认参数、函数返回值
<?php function say_hello() //无参数 { $name="tang"; echo "hello,".$name; echo &q ...
- js基础之javascript函数定义及种类-普通涵数-自执行函数-匿名函数
普通函数 1.不带参数 function fucname(){ alert("hello"); } funcname() 2.带参数 function funcname(arg){ ...
- 零基础Python教程-函数及模块的使用
函数 在学习本节内容之前,我们先来一起做道数学题. 已知:半径分别为0.1.0.2.0.3的三个圆,分别求这三个圆的面积. 很多读者可能要笑一下,这不是小学的数学问题吗? S = π * r * r ...
随机推荐
- php自带的filter过滤函数
PHP 过滤器用于对来自非安全来源的数据(比如用户输入)进行验证和过滤. filter_has_var()检查是否存在指定输入类型的变量. filter_id()返回指定过滤器的 ID 号. filt ...
- cat命令和EOF标识输出shell到文件
在某些场合,可能我们需要在脚本中生成一个临时文件,然后把该文件作为最终文件放入目录中.(可参考ntop.spec文件)这样有几个好处,其中之一就是临时文件不是唯一的,可以通过变量赋值,也可根据不同的判 ...
- Java容器深入浅出之List、ListIterator和ArrayList
List是Collection接口的子接口,表示的是一种有序的.可重复元素的集合. List接口的主要实现类ArrayList和Vector,底层都是维护了一套动态的,可扩展长度的Object[]数组 ...
- shell脚本如何获取当前时间
在shell脚本里常常需要获取系统时间来处理某项操作,linux的系统时间在shell里是可以直接调用系统变量的如: 获取今天时期:`date +%Y%m%d` 或 `date +%F` 或 $(da ...
- 51nod 1799 二分答案(分块打表)
首先题目等价于求出满足运行二分程序后最后r=k的排列种数. 显然对于这样的二分程序,起作用的只有mid点,mid处的值决定了接下来要递归的子区间. 于是可以一遍二分求出有多少个mid点处的值<= ...
- Golang的第一个程序-Hello, World !
安装Golang: 1. 下载安装包 https://golang.google.cn/dl/ 我这里使用压缩包,下载后解压到D盘(自定义). 2. 添加环境变量:把解压后的bin目录添加到环境变量中 ...
- 线段树之Sum
题面: 给定一数列,规定有两种操作,一是修改某个元素,二是求区间的连续和. Input: 输入数据第一行包含两个正整数n,m(n<=100000,m<=500000),以下是m行, 每行有 ...
- Spring Boot系列教程四：配置文件详解properties
一.配置随机数,使用随机数 在application.properties文件添加配置信息 #32位随机数 woniu.secret=${random.value} #随机整数 woniu.numbe ...
- 洛谷 P1854 花店橱窗布置 【dp】
题目描述 某花店现有F束花,每一束花的品种都不一样,同时至少有同样数量的花瓶,被按顺序摆成一行,花瓶的位置是固定的,从左到右按1到V顺序编号,V是花瓶的数目.花束可以移动,并且每束花用1到F的整数标识 ...
- oracle的sign()函数
sign函数 比较大小函数 sign 函数语法:sign(n) 函数说明:取数字n的符号,大于0返回1, 小于0返回-1, 等于0返回0 示例1: ),),) from dual; ) ) ) ——— ...