一篇文章说完JavaScript

       干完公司任务,突然想写一篇博客,看看我的博客,该说JS了,所以呢从头来说:

1.JavaScript概述

1.概念

JavaScript(简称JS)是基于对象和事件驱动的脚本语言,主要作用在客户端(浏览器)上。

2.作用

提供前段的程序设计语句。

3.特点

交互性       --用户体验比较好
安全性       --js程序不能访问本地硬盘
扩展平台   -- 浏览器就可以解析js文件

4.js与java

js和java没有任何的关系,然后呢由于开发js的公司和sun公司(现在被oracle收购)合作,设计者想要让js看起来和java有关系,所有就叫这个名字了。
js的历史:
Netscape(网景)开发和浏览器相关的一些产品,自己开发出一套语言,LiveScript。
java诞生,LiveScript做了升级,改名为JavaScript。
最终推出了ECMAScript语言。

5.不同点

javascript是基于对象的,Java是面向对象的。
js只需要解析就可以执行,Java需要先编译(虽然Java是解释型语言)。
js是弱类型语言,Java是强类型语言。

6.JS语言的组成

ECMAScript    -- js底层的规范
BOM                  -- 浏览器对象模型
DOM                  -- 文档对象模型

7.JS与HTML的结合

在HTML文档里直接写js代码
每个HTML的文件,提供了标签<script type = "text/javascript">js代码</script>,Script标签可以放在页面的任意位置。
<script type="text/javascript">
        // 弹出提示框
        alert("hello js!!");
</script>

先编写xx.js文件,在HTML中引入
引入方式:<script type = "text/javascript" src="js文件的地址"> 注意:Script标签在引入js文件之后中间的代码就不再执行了

2.JS语法

1. JS的注释:和Java一样。有三种注释。 // 单行  /*多行注释*/   /** 文档注释 */
2. JS定义变量:标识内存中的一片空间,存储数据。数据是可以变化的。
    * 在JS中,因为JS是若类型的语言,定义变量都会使用同一个关键字:var 变量名称 = 值;

3. JS的基本数据类型
    * string            -- 字符串类型,使用双引号或者单引号都代表字符串
    * number            -- 数字类型,不区分整形和小数类型
    * boolean           -- 布尔类型
    * undefined         -- 未定义,变量声明但是没有赋值
    * null              -- 引用类型

4. JS的运算符和语句
    * JS的运算符和Java中基本一致
        * 有一个特殊的是比较运算符          
            * ==    只比较值
            * ===   即比较值又比较类型

    * JS的语句和Java中基本一致
        * 常用的if判断语句和for循环语句等

5. JS的函数(方法)
    * 在js中编写方法,提供了一个关键字function。
        function 名称(参数列表(x,y)){
            方法体;
            return; 如果方法有返回值,写return,如果没有,就可以不写。
        }

6. JS的输出
    * BOM对象的alert()方法
        * 向页面中弹出一个提示框!!

    * innerHTML属性
        * 向页面的某个元素中写一段内容,将原有的东西覆盖

    * document.write()方法
        * 向页面中写内容

7. JS的事件(使用步骤)
1. JS都是由事件触发的,第一步确定事件。
2. JS的事件都会触发一个函数,编写一个函数。
3. JS获得操作的元素的对象,document.getElementById("标签的ID值");
4. JS修改这个元素的属性或值。
8.JS中的定时器方法
    * 查看BOM中的window对象,有如下方法可以使用
        * 设置定时器
            * setInterval()     -- 隔多少毫秒之后,执行一段代码,重复执行。
            * setTimeout()      -- 隔多少毫秒之后,执行一段代码,只会执行一次。

        * 清除定时器
            * clearInterval()   -- 清除setInterval的定时操作。
            * clearTimeout()    -- 清除setTimeout的定时操作。

猜你喜欢

转载自blog.csdn.net/u013046774/article/details/53394347