主讲九天js javascript一课.pptxVIP

主讲：张鹏

邮箱：轻松学习javascript网页特效

目标掌握javascript基础语法掌握javascript函数应用掌握常用的js网页特效应用

什么是JavaScriptJavaScript是互联网上最流行的脚本语言，并且可在所有主要的浏览器中运行实现用户交互行为网页特效数据验证JavaScript的特点简单：一种脚本语言，简单易学跨平台性:是通过浏览器中的javascript解释器来运行的，与系统平台没关系

document对象write方法document对象write方法功能：输出内容语法：document.write(内容);说明:字符需要使用双引号变量不需要使用引号

javascript在网页中的具体应用直接写在html内可将script.../script标记放入head../Head或body.../body标记之间。scripttype=“text/javascript javascript代码/scriptJavascript区分大小写每行执行代码必须以“；”分号结束Javascript代码是按顺序执行

javascript在网页中的具体应用调用javascript文件：JavaScript程序存放在单独的.js文件中，再在HTML文件中链接方法如下：scripttype=text/javascriptsrc=“*.js/script*.js文件中直接书写javascript代码即可。三.添加到网页元素的事件中，用于响应事件。h1onclick=alert(这是标题1);这是标题1/h1onclick 鼠标点击某个对象onmouseover 鼠标被移到某元素之上onmouseout 鼠标从某元素移开

变量变量的主要作用是存取在程序执行过程中值可变的量，是系统内存中的一个命名的存储单元。变量名必须以字母或下划线（_）开头变量可以包含数字、从A至Z的大小写字母JavaScript区分大小写，即变量myVar、myVAR和myvar是不同的变量

声明变量vara;“var”－用于声明变量的关键字“a”－变量名同时声明和初始化变量vara=10;a=10;声明变量声明多个变量varx,y,z=10;赋值

数据类型数据类型说明示例数值型整数、浮点数487,25.95逻辑型或布尔型执行逻辑运算true或false字符串型一组字符’中国’”闪梦”空特殊关键字，表示不存在的值。null未定义表示已经声明，但尚未赋值undefined+的两种用法：1、字符串相连：”a”+”b”结果”ab”。2、加法算术

转义字符字符说明示例\b退格符alert(“这是第一句\b这是第二句”)\f换页符alert(“这是第一句\f这是第二句”)\n换行符alert(“这是第一句\n这是第二句”)\r回车符alert(“这是第一句\r这是第二句”)\t制表符alert(“这是第一句\t这是第二句”)

运算符运算符说明示例+加a=5+8-减a=8-5/除a=20/5*乘a=5*19%取模－两个数相除的余数10%3=1++一元自加。相当于x=x+1如:x=3x=x++则x=4--一元自减。相当于x=x-1如:x=3x=x--则x=2

□alert功能：弹出警示对话框语法：alert(警示信息);□prompt功能：将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。语法：prompt(提交信息[,默认值]);parseInt()函数将字符串转换为int数据如果转换失败，返回NaN值(notanumber)typeof运算符：判断变量类型语法：typeof变量名称/数据javascript常用方法

document对象getElementById方法JS中的事件当…的时候onmouseover、onmouseout、onload、onclick根据元素的ID获取网页中的元素：document.getElementById(‘html元素ID名)getElementById方法（非常常用），根据元素的Id获得对象，网页中id不能重复。设置元素的css样式：基本语法：document.getElementById(‘ID名’).style.属性名=属性值例如：document.getElementById(‘box’).style.display=‘block’;

函数一、函数概念：函数是用于完成某一项任务的一组程序代码。函数可以带参数，也可以不带，可以有返回值，也可以没有。[1.1]、自定义函数function函数名称