项目4智慧农业大屏数据传输项目4智慧农业大屏数据传输主讲人：邵佳靓

项目描述

项目目标01知识目标掌握JavaScript循环的相关知识掌握JavaScript的函数定义与调用了解jQuery的DOM操作了解JSON数据结构了解jQuery加载JSON数据02能力目标能分析Excel表格中数据，构成JSON对象结构数据能使用jQuery将数据放入页面指定位置能使用jQuery加载本地JSON文件，解析并提取相关数据能使用浏览器的调试工具，查看指定位置代码03素质目标通过完成团队工作后，协助其他小组成员完成相关工作，培养学生团队协作能力通过对任务功能的理解，完成相关功能开发，培养学生理解能力通过描述功能的研发过程，在小组内能相互演练、讲解，培养学生表达能力通过功能实现，了解与掌握相关知识并对其应用，培养学生学习能力

任务1JavaScript基础任务准备任务实施任务拓展

4.1.1JavaScript简介一种运行在客户端（浏览器）的编程语言，实现人机交互效果1.JavaScript（是什么？）特点01一种解释性脚本语言（代码不进行预编译）02主要用来向HTML页面添加交互行为03可以直接嵌入HTML页面中04在绝大多数浏览器的支持下，可以在多种平台下运行

4.1.1JavaScript简介（1）JavaScript引入方式1内部JavaScript在页面中直接嵌入JavaScript，即通过在script/script标签中直接编写JavaScript程序代码，script标签可以放在html文档的任何位置。head titleJavaScript简介/title script alert(JavaScript简介); /script/head

4.1.1JavaScript简介（1）JavaScript引入方式2内联JavaScript作为标签的属性值使用。作为某个元素的事件属性，例如通过“javascript:”调用js函数bodyahref=javascript:alert(你好JavaScript)测试/a/body

4.1.1JavaScript简介（1）JavaScript引入方式3外链式JavaScript通过scriptsrc=目标文档的URL/script引入外部的JavaScript文件。在javaScript.js文件中：document.write(“Javascript”);在index.html中，引入JavaScript.js文件。headtitleJavaScript文档/titlescripttype=text/javascriptsrc=javascript.js/script/head

4.1.1JavaScript简介（2）JavaScript规范按照在HTML文档中的排列顺序逐行执行01JavaScript严格区分字母大小写02为了代码的准确性，建议加上分号03注释规范//用于单行注释/**/用于多行注释04JavaScript采用驼峰式命名法05

4.1.2JavaScript基础语法（1）变量变量可以用于存储数据，在JavaScript中，变量必须以字母、$或_开头，且区分大小写。通过var来声明变量，用const来声明常量，用let来声明只在let命令所在的代码块内有效的变量。script constPi=3.1415; varx=10; document.write(x+br);{ letx=2; document.write(x+br); }/script

4.1.2JavaScript基础语法（1）变量在声明变量时，可以一个语句声明多个变量，也可以在声明变量时为其赋值。在声明变量，但未赋值的情况下，该变量的值默认为undefined。 script varx=5; vary=6,z; z=x+y; document.write(x+br); document.write(y+br); document.write(z+br); /script

4.1.2JavaScript基础语法（2）对象一个对象可以包含多个值，每个值以name：value的形式呈现 script varperson={firstname:Allen,lastname:Jerry,age:28};/script

4.1.2JavaScript基础语法（2）对象访问对象属性的方法1使用“.”访问对象的属性2使用“[]”访问对象的属性 fun