一 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函数的更多相关文章

  1. 从零基础入门JavaScript(1)

    从零基础入门JavaScript(1) 1.1  Javascript的简史 1995年的时候   由网景公司开发的,当时的名字叫livescript    为了推广自己的livescript,搭了j ...

  2. 《零基础学JavaScript(全彩版)》学习笔记

    <零基础学JavaScript(全彩版)>学习笔记 二〇一九年二月九日星期六0时9分 前期: 刚刚学完<零基础学HTML5+CSS3(全彩版)>,准备开始学习JavaScrip ...

  3. 基础的JavaScript函数

    基础的JavaScript函数 1.首字母大写 2.去除数组重复项 3.数组的排序 4.闭包 1. 把用户输入的不规范的英文名字,变为首字母大写,其他小写的规范名字(使用JavaScript的map函 ...

  4. 前端基础之javaScript(函数)

    目录 一:javaScript函数 1.函数关键字 2.格式 3.无参函数 4.有参函数 二:关键字arguments 1.能够获取函数接受的索引参数 2.关键字arguments(限制函数不能多也不 ...

  5. 从零基础入门JavaScript(2)

    在上次的学习当中,我已经对JavaScript有了一定基础上的理解,比如:JavaScript的发展史,JavaScript中变量的命名,各种运算符,以及数据的类型与它们之间的转化.还有就是一些最基本 ...

  6. 零基础学 JavaScript 全彩版 明日科技 编著

    第1篇 基础知识 第1章 JavaScript简介 1.1 JavaScript简述 1.2 WebStorm的下载与安装 1.3 JavaScript在HTML中的使用 1.3.1 在页面中直接嵌入 ...

  7. PHP_零基础学php_3PHP函数、传参函数、默认参数、函数返回值

    <?php function say_hello() //无参数 { $name="tang"; echo "hello,".$name; echo &q ...

  8. js基础之javascript函数定义及种类-普通涵数-自执行函数-匿名函数

    普通函数 1.不带参数 function fucname(){ alert("hello"); } funcname() 2.带参数 function funcname(arg){ ...

  9. 零基础Python教程-函数及模块的使用

    函数 在学习本节内容之前,我们先来一起做道数学题. 已知:半径分别为0.1.0.2.0.3的三个圆,分别求这三个圆的面积. 很多读者可能要笑一下,这不是小学的数学问题吗? S = π * r * r ...

随机推荐

  1. Laravel 5.4 数据库迁移一次之后就不起作用!

    https://segmentfault.com/q/1010000010806351 我在命令行中生成了一个新的迁移脚本: 当我执行命令:php artisan migrate 时 显示迁移成功,并 ...

  2. larave5.6 引入自定义函数库时,报错不能重复定义

    方法一:使用function_exists判断 方法二:使用命名空间 namespace test; function test(){ echo 'test/test'; } namespace te ...

  3. $(document).click() 在苹果手机上不能正常运行解决方案

    本来是如下一段跳转代码,发现在安卓和微信开发者工具上都能正常运行,但是苹果手机就不行了. $(document).on('click', '.url', function(){ location.hr ...

  4. Java中TimeZone类的常用方法

    一.TimeZone类的定义 TimeZone类是一个抽象类,主要包含了对于时区的各种操作,可以进行计算时间偏移量或夏令时等操作 二.TimeZone类的常用方法 1.getAvailableIDs( ...

  5. 如何让TEdit在获取输入焦点后selectAll?

    关于网友提出的“ 如何让TEdit在获取输入焦点后selectAll?”问题疑问,本网通过在网上对“ 如何让TEdit在获取输入焦点后selectAll?”有关的相关答案进行了整理,供用户进行参考,详 ...

  6. WPF中Image控件的Source属性的设置

    1.直接关联到文件,关联后不能删除此图片,因为图片正在使用. imageEditImage.Source = new BitmapImage(new Uri(strImagePath, UriKind ...

  7. USB硬件接口相关

    1.USB 设备端的D+为何要拉一个1.5K电阻到3.3v上?(USB是5v供电,但通信的电平是3.3v,所以上拉电平为3.3v:若要上拉到5v,则上拉电阻为10k) usb有主从设备之分,主设备有: ...

  8. P4622 [COCI2012-2013#6] JEDAN

    题目背景 COCI 题目描述 有N个数排成一行(数值代表高度),最初所有的数都为零,你可以选择连续的一段等高的数,将它们都增加1(除了开头和结尾那个数)如下图表示了两次操作: 现在有一些数字看不清了, ...

  9. 原子性、内存可见性和重排序——重新认识synchronized和volatile

    一.原子性 原子性操作指相应的操作是单一不可分割的操作.例如,对int变量count执行count++d操作就不是原子性操作.因为count++实际上可以分解为3个操作:(1)读取变量count的当前 ...

  10. 【容斥原理,莫比乌斯反演】用容斥替代莫比乌斯反演第二种形式解决gcd统计问题

    名字虽然很长.但是其实很简单,对于这一类问题基本上就是看你能不能把统计的公式搞出来(这时候需要一个会推公式的队友) 来源于某次cf的一道题,盼望上紫的我让潘学姐帮我代打一道题,她看了看跟我说了题解,用 ...