目录
1.DOM相关知识
2.JavaScript概述
3.JavaScript的使用
1.DOM相关知识
DOM是W3C组织推荐的处理可扩展标志语言的标准编程接口,它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。W3C中将DOM标准分为三个不同的部分:核心DOM、XML DOM和HTML DOM,其中,核心DOM是针对任何结构化文档的标准模型,XML DOM是针对XML文档的标准模型,而HTML DOM是针对HTML文档的标准模型。
2.JavaScript概述
JavaScript是Web中一种功能强大的脚本语言,是一种解释性脚本语言。其作用是用来为网页添加各式各样的动态功能,它不需要进行编译,直接嵌入在HTML页面中,就可以把静态的页面转变成支持用户交互并响应事件的动态页面。
~JavaScript的引入
在HTML文档中,较为常用的引用JavaScript的当时有两种,一种是在HTML文档中直接嵌入JavaScript脚本,称为内嵌式;另一种是链接外部JavaScript脚本文件,称为外链式。
(1)内嵌式
在HTML文档中,通过<script></script>标签及其相关属性可以引入JavaScript代码。当浏览器读到<script>标签时,就能解释到其中的脚本。JavaScript的内嵌式的使用方式如下:
<script type="text/javascript"><!--此处为JavaScript代码-->
<!script>
(2)外链式
当脚本代码比较复杂或者同一段代码需要被多个网页文件使用时,可以将这些东西脚本代码放置在一个扩展名为.js的文件中,然后通过外链式引入js文件。在Web页面中使用外链式引入JavaScript文件的方式如下:
<script type="text/javascript" src="Js文件的路径">
</script>
~数据类型
Number 数值型 数值型数据不区分整形和浮点型,数值型数据不要用引号括起来
String 字符串类型 字符串是用单引号或双引号括起来的一个或多个字符
Boolean 布尔类型 只有true或false两个值
Object 对象类型 一组数据和功能的键值对集合
Null 空类型 没有任何值
Undefined 未定义类型 指变量被创建,但未赋值时所具有的值
~变量
在JavaScript中,使用var命令声明变量,由于JavaScript是一种弱类型语言,所以在声明变量时,不需要指定变量的类型,变量的类型将根据变量的赋值来确定,其语法格式如下所示:
var number=19;
var str="小猪";
变量的命名规则:变量名可以由字母、下划线、美元符号,甚至中文组成,但中文命名的方式不建议使用,中间可以是数字、字母或下划线,但是不能有空格、加号、减号等符号,也不能使JavaScript的关键字。
~运算符
1>算术运算符
算术用算符用于连接运算表达式,主要包括加(+),减(-),乘(*),除(/),取模(%),自增(++),自减(--)等运算符。
2>比较运算符
比较运算符在逻辑运算符中使用,用于判断变量或值是否相等,返回布尔类型值ture或false。比较运算符主要包括小于(<),大于(>),小于等于(<=),大于等于(>=),等于(==),不等于(!=)。
3>逻辑运算符
逻辑运算符是根据表达式的值来返回真值或假值,常用的逻辑运算符有与(&&),或(||),非(!)。
4>赋值运算符
最基本的赋值运算符是等于号“=”,用于对变量进行赋值。
5>条件运算符
条件运算符Javascript中的一种特殊的三目运算符,它与Java中的三目运算符使用相似,其基本语法如下:
操作数?结果1:结果2
若操作数的值为ture,则执行结果1,反之,执行结果2。
~条件语句if
if语句分为单向判断语句,双向判断语句和多向判断语句。
单向判断语句是结构最简单的条件语句,如果程序中存在绝对不执行某些指令的情况,就可以使用单向判断语句,其基本语法如下:
if(执行条件)
{
执行语句
}
双向判断语句是if条件语句的基础形式,其基本语法格式如下:
if(执行条件)
{
语句1
}
else
{
语句2
}
多向判断语句是根据表达式的结果判断一个条件,然后根据返回值作进一步的判断,其基本语法格式如下:
if(执行条件1)
{执行语句1
}
else if(执行条件2){
执行语句2
}
else if(执行条件3){
执行语句3
}
...
3.JavaScript的使用
函数的定义及调用
在JavaScript中,定义函数是通过function语句实现的,其基本语法如下所示:
function functionName([parameter1,parameter2,...]){
statements;
[return expression;]
}