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