javaScript_01（简称·JS）·基础入门

一JavaScript的历史

JS是由Netscape公司的布兰登·艾奇在1995年并且在仅有的10天时间开发出来

JS最初命名为LiveScript后被甲骨文收购将其改名为JavaScript

二.JavaScript的简介

     1.1 介绍  一个网页是由HTML,CSS,和JavaScript三部分组成，JavaScript在其中是扮演者脚本语言（可以用来创建动态更新的内容，控制多媒体，制作图像动画等）能够增强web站点与web引用程序的交互

     1.2   概述

• JS嵌入在HTML源码中  
• JS是弱类型语言，没有类型声明 ， 用VAR修饰 ( 即使赋值之后，变量的类型根据重新赋值的数据类型同样进行改变 )

三.JavaScript的组成

组成部分	作用
ECMAScript	是构成JS的核心语法，定义了javascript的语法规范
BOM	全称 “Browser Object Model 【浏览器对象模型】” 用来操作浏览器上的对象，比如： 弹出框、浏览器跳转、获取分辨率
DOM	全称 “Document Object Model 【文档对象模型】” 用来操作网页的元素，比如： 增加个 div，减少个 div，给div 换个位置

四.JavaScript基本使用

    4.1  嵌入方式

•  行内式
•  内嵌式
•  外部引用JS文件

① 行内式。在HTML中直接使用JS语句

例如：

<input type="text" value="点击一下" onclick="alert('你是大聪明')">

②内嵌式。一般用于实现比较小的功能，且代码不长

例如：

<script>
    alert("你是大聪明")；
</script>

③外部引用JS文件 ，再建一个JS文件，然后引入到html文件中

例如：

<script src="my.js"></script>

4.2输出输入语句

• alert("msg") -----------------浏览器弹出框
• console.log("msg")---------浏览器控制台打印输出
• prompt(info)------------------浏览器弹出输入框，用户可以输入
• confirm()-----------------------确认框

4.3JS点击事件

      ① 两种方式

              1.  <button οnclick="alert('123')">点击一下</button>

              2.  <button onclick = "a();">点我</button>

                 //函数       

                function a(){

                        

                        }

②标签事件属性

onclick                   鼠标点击左键

ondbclick               鼠标双击

oncontextmenu     鼠标点击右键

mouseup               松开鼠标按键

mousedown          按下鼠标按键

onselect                文本被选中

oncopy                   元素内容被复制

onmouseenter       鼠标移动到监听的元素内

onfocus                 获得鼠标焦点（点击input输入框）

onblur                   失去鼠标焦点（点击进入其他input输入框）

onmousemove     鼠标移动

onmouseup          鼠标移开（鼠标弹起）

onmousedown       鼠标按下                   

4.4 undefined 和 null 的区别

null表示  “无” 的值或对象，转换数值时为0；

undefined 表示  “无” 的原始值，转换数值时为 NaN    (NaN    非数字 Not a Number )

但是在 if 语句中，都会自动转换为false

4.5 运算符

①算数运算符

        +    -    *    /     %

②比较运算符

< 

> 

<=   

>=   

==（不会比较数据类型  18=‘18’ 为真）

=== （会比较数据类型）

！=

！==（不全等于  包括数据类型）

③逻辑运算符

&&   并且

||       或者

！      非

④赋值运算符

num +=1;

num  -=1;

num *=1;

num  /=1;