第一节&＃xff1a;JS简介
1.概述&＃xff1a;
1&＃xff09;轻量级脚本语言
2&＃xff09;可插入HTML页面的编程代码
3&＃xff09;可由所有的浏览器执行
4&＃xff09;可用于HTML和WEN&＃xff0c;更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机设备
2.作用&＃xff1a;
1&＃xff09;表单验证&＃xff0c;减轻服务器压力
2&＃xff09;页面动态效果
3&＃xff09;动态改变页面内容
3.JAVA与JS
1&＃xff09;JAVA是一种服务器端的开发语言
2&＃xff09;JS是一种浏览器脚本语言
4.js基本结构&＃xff1a;一般放在head中&＃xff0c;写在中
2.执行原理&＃xff1a;
1&＃xff09;浏览器输入
2&＃xff09;发送请求&＃xff0c;客户端请求包含JS的页面
3&＃xff09;返回相应&＃xff0c;从服务器端下载含JS的页面
4&＃xff09;浏览器解析HTML标签和JS脚本
3.JS使用方式
1&＃xff09;html页面内嵌JS代码&＃xff1a;
2&＃xff09;剪短缩写方式&＃xff1a;
3&＃xff09;外部JS文件&＃xff1a;
外层为单引号&＃xff0c;内层就要是双引号&＃xff0c;反之成立
第2节&＃xff1a;JS核心语法
1.变量&＃xff1a;弱类型
1&＃xff09;先声明变量再赋值 var w; w &＃61; 5;
2&＃xff09;同时声明和赋值变量 var w &＃61; 5; var x y z &＃61; 5;
3&＃xff09;不声明直接赋值 w &＃61; 5;(全局变量&＃xff09;
2.基本数据类型
1&＃xff09;undefined&＃xff1a;变量被声明后&＃xff0c;但未被赋值
2&＃xff09;String&＃xff1a;用单引号或双引号来声明的字符串
3&＃xff09;Boolean&＃xff1a;true或false
4&＃xff09;Number&＃xff1a;整数或浮点数
5&＃xff09;Null&＃xff1a;“无值”或“空对象”
3.Typeof
1&＃xff09;Typeof用于检测变量的值或返回值
2&＃xff09;Typeof运算符的返回值如下
Undefined&＃xff1a;这个变量未赋值
Srting&＃xff1a;字符串变量
Boolean&＃xff1a;布尔值
Number&＃xff1a;数值
Object&＃xff1a;对象或者null
Function&＃xff1a;函数
4.运算符号
1&＃xff09;算数运算符&＃xff1a;&＃43; - * / &＃43;&＃43; -- %
2&＃xff09;赋值运算符&＃xff1a;&＃61;
3&＃xff09;比较运算符&＃xff1a;> <>&＃61; <&＃61; &＃61;&＃61; !&＃61;
4&＃xff09;逻辑运算符&＃xff1a;&& || !
5.逻辑控制语句
1&＃xff09;If条件语句
2&＃xff09;Switch多分支语句
3&＃xff09;While循环语句
4&＃xff09;For循环语句
5&＃xff09;循环中断&＃xff1a; breaf:跳出当前整个循环&＃xff0c;后面的循环不在执行
Continue&＃xff1a;跳出本次循环
6.注释&＃xff1a;单行注释// 多行注释/* */
4.常用的输入/输出
1&＃xff09;alert()提示信息
2&＃xff09;Prompt&＃xff08;“提示文本”&＃xff0c;默认值&＃xff09;
3&＃xff09;Console.log&＃xff08;&＃xff09;打印
第3节&＃xff1a;JS规范及调试
1.代码区分大小写
2.以var开头&＃xff0c;分号结尾
1&＃xff09;未使用var定义的将被作为全局变量
2&＃xff09;考虑到性能&＃xff0c;尽量不要使用全局变量
3&＃xff09;定义变量、函数和对象名的时候&＃xff0c;不能使用JS保留字
3.程序调试&＃xff1a;alert()调试、firebug工具
第4节&＃xff1a;JS函数
1.函数概述&＃xff1a;
1&＃xff09;是由时间驱动的或者当它被调用时执行的可重复使用的代码块
2&＃xff09;使用更简&＃xff0c;不用电议属于哪个类&＃xff0c;直接使用
3.函数分类
1&＃xff09;系统函数
parseInt(“字符串”)将字符串转换为整形数字
parseFloat(“字符串”)将字符串转换为浮点型数字
isNaN()检查是否为非数字
2&＃xff09;自定义函数
有参函数&＃xff1a;
无参函数&＃xff1a;
函数的调用&＃xff1a;函数调用一般和表单元素的时间一起树勇&＃xff0c;调用格式&＃xff1a;事件名&＃61;“函数名”&＃xff1b;
3.变量的作用域&＃xff1a;
1&＃xff09;全局变量&＃xff1a;函数间共享
2&＃xff09;局部变量&＃xff1a;函数内部
第5节&＃xff1a;JS对象
1.window对象&＃xff1a;表示在浏览器打开的窗口
2.常用属性&＃xff1a;
1&＃xff09;screen&＃xff1a;存放着有关显示浏览器屏幕的信息
2&＃xff09;History&＃xff1a;包含用户&＃xff08;在浏览器窗口中&＃xff09;访问过的URL
3&＃xff09;Location&＃xff1a;包含有关当前URL的信息
3.常用方法&＃xff1a;
1&＃xff09;prompt&＃xff1a;提示用户输入的对话框
2&＃xff09;Alert&＃xff1a;显示带有一个提示信息和一个确认按钮的警示框
3&＃xff09;Confirm&＃xff1a;显示一个带有提示信息、确认和取消按钮的对话框
4&＃xff09;Close&＃xff1a;关不浏览器窗口
5&＃xff09;Open&＃xff1a;打开一个新的浏览器窗口&＃xff0c;加载给定URL索指定的文档
Window.open(“弹窗的url”,”名称”,”窗口特征”)
6&＃xff09;setTimeout&＃xff1a;在指定的时间&＃xff08;以毫秒计&＃xff09;后电泳函数或计算表达式
7&＃xff09;setTnterval&＃xff1a;按照指定的周期&＃xff08;以毫秒计&＃xff09;来调用函数或表达式
4.常用时事件&＃xff1a;
1&＃xff09;Onload&＃xff1a;一个页面或者一幅图像完成加载
2&＃xff09;Onmouseover&＃xff1a;鼠标移到某元素上
3&＃xff09;Onclick&＃xff1a;单机某个对象时调用的事件
4&＃xff09;Onkeydown&＃xff1a;某个键盘按键按下
5&＃xff09;Onchange&＃xff1a;域的内容被改变
5.日期对象Date
1&＃xff09;var 日期对象&＃61;new Date()
2&＃xff09;参数格式&＃xff1a;星期 月份 天 时&＃xff1a;分&＃xff1a;秒&＃xff1a;时区 年
3&＃xff09;方法&＃xff1a;
getDate()&＃xff1a;从Date对象返回一个月中的某一天
getDay()&＃xff1a;从Date对象返回一周中的某一天
getmMonth()&＃xff1a;从Date对象返回月份
getDay()&＃xff1a;从Date对象返回一周中的某一天
getFullYear()&＃xff1a;从Date对象以四位数返回年份
getHours()&＃xff1a;返回Date对象的小时
getMinutes()&＃xff1a;返回Date对象的分钟
getSeconds()&＃xff1a;返回Date对象的秒数
6.定时函数
1&＃xff09;setTimeout()用法&＃xff1a;setTimeout(“调用的函数”,”指定的时间后”)
2&＃xff09;setTnterval()&＃xff1a;用法&＃xff1a;setTnterval(“调用的函数”,”指定的时间间隔”)
京公网安备 11010802041100号