第一节: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(“调用的函数”,”指定的时间间隔”)