JavaScript核心基础语法

时间：2015-09-04 07:23:45 阅读：237 评论：0 收藏：0 [点我收藏+]

标签：

1 什么是JavaScript？

是一种嵌入在网页中的程序段。

是一种解释型语言，被浏览器解释执行。

由Netscape发明，ECMA（欧洲计算机制造商协会）将其标准化。

JavaScript借用了Java的名字，但它和java没有关系。

出于安全性考虑，增加了JavaScript的限制

增强客户端的交互功能。

JavaScript与java的区别：

JS只在浏览器中执行，java可在各种平台上执行。

JS也有变量，常量，运算符，关键字，数据类型，语句等。

JS借用了Java的语法，其运算符和表达式与Java非常相似。

2 JavaScript能做什么？

可以使用JS添加、删除、修改网页上的所有元素及属性。

在HTML网页中动态写入文本。

响应网页中的事件，并做出相应处理。

可用于较验客户端提交的数据。

检测浏览器类型及版本。

处理Cookie.

3 JavaScript的技术体系

核心语言定义

原生对象和内置对象

BOM（浏览器对象模式）

DOM (文档对象模式)

事件处理模型

4 将JavaScript添加到XHTML文档中

使用script元素在XHTML文档中直接嵌入JavaScript语句---方便

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6 </head>
 7 <body>
 8 <script type="text/javascript">
 9     alert("使用script元素在XHTML文档中直接嵌入JavaScript语句");
10 </script>
11 
12 </body>
13 </html>

View Code

将JavaScript源文件通过<script>元素的src属性链接到XHTML文档---结构、表现、行为分离

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../js/two.js"></script>
</head>
<body>
<form action="#" method="get">
    <input type="button" value="点击" onclick="alertTest();">
</form>

</body>
</html>

View Code

在two.js里包含的脚本

function alertTest(){
    alert("链接外部脚本");
}

脚本包含在XHTML事件处理程序性中，eg：onclick ondblclick onkeydown ...

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!--<script type="text/javascript" src="../js/two.js"></script>-->
</head>
<body>
<form action="#" method="get">
    <input type="button" value="点击" onclick="alert(‘脚本包含在XHTML中‘);">
</form>

</body>
</html>

View Code

5 JavaScript变量

JS中声明变量都用关键字var，并且JS区分大小写

弱类型，不一定要初始化

在声明变量时注意的一些小细节：

声明变量后 第一次给变量赋什么样类型的值，以后必须使用相同的类型

当我们没有使用var 定义变量的时候 如果没有给变量赋值 就会报错 如果给它赋值了。 宿主环境 （浏览器）就把 认为一个 全局变量

var  num;   当声明的变量未初始化时，值为undefined。

6 JavaScript数据类型
6.1 原始数据类型    6.2 引用数据类型
6.1.1

 typeof运算符
 typeof运算符有一个参数，即要检查的变量或值

–undefined:

•当声明的变量未初始化时，值为undefined。

•当函数无明确返回值时，其调用结果也是undefined。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
       function test(){
         alert("1111");
         return 1;
         }
//         var i = test(); //当函数无明确返回值时，其调用结果也是undefined。
//           var i = test() ;// 先调用函数test 任何把返回值赋值为i   undefined
        var i = test ; //是把函数test的地址赋值给了i;
         alert(i);
         alert(typeof (i));
    </script>
</head>
<body>
</body>
</html>

View Code

–null

•值为null，null是从Undefined派生来的。因此null==undefined

•null表示不存在的对象。

var i = null;
        alert(i);//null
        alert(typeof (i));//object

–boolean

•true或false

–number

•即可表示32位整数，也可表示64位浮点数。

•Number.MAX_VALUE和Number.MIN_VALUE定义了上下限。

•Number.POSITIVE_INFINITY和Number.NEGATIVE_INFINITY Infinity表示无穷大。isFinite()较验是否无穷大。无穷大返回false

•NaN表示非数字，它与自身不相等。一般发生在类型转换失败时，isNaN()较验是否为数字。

–string

•可用单引号或双引号声明。


更新中。。。

JavaScript核心基础语法

标签：

原文地址：http://www.cnblogs.com/hellokitty1/p/4779574.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行