Web基础学习笔记——JavaScirpt基础

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