##HTML-JavaScript基础

HTML-JavaScript基础

##一、什么是JavaScript

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

##二、JavaScript特点（添加动画效果　　轮播图　　数据验证（减轻服务器压力）　　浏览器事件作出相应　　读写html元素　　检测访客浏览器信息）

　　1，是一种解释性脚本语言（代码不进行预编译）。 

　　2，主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 

　　3，可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 

　　4，跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

##三、JavaScript组成

##解释：

　　ECMAScript：JavaScript的基本的语法，是标准语法

　　BOM：Browser Object Model ：浏览器对象模型

　　DOM：Document Object Model ：文档对象模型

##其他的脚本语言：

　　JavaScript,ActionScript,Flex

##JavaScript日常用途

　　1，嵌入动态文本于HTML页面。 

　　2，对浏览器事件做出响应。 

　　3，读写HTML元素。 

　   4，在数据被提交到服务器之前验证数据。 

　　5，检测访客的浏览器信息。 

　　6，控制cookies，包括创建和修改等。 

　　7，基于Node.js技术进行服务器端编程。
##JavaScript的执行原理

##网页中引用JavaScript的方式

　　1.使用<script>标签

　　<script type="text/javascript">
　　</script>

　　2.外部JS文件

　　<!--引入外部js文件-->
    <script type="text/javascript" src="javascript.js"></script>

　　3.直接在HTML标签中

　　<input type="button"value="弹出消息框"onclick="javascript:alert('javaScript欢迎您')">

##四、变量

　　JavaScript的变量不同于Java中的变量声明，他们只有var 变量名=“”；

　　“”双引号引起来的是字符串类型，没有引起来的是数值类型

　　 var a="Hello";
    var b,c,d=10;
    height=400;
    document.write(typeof(a.length)+"<br>");
    document.write(a.length);
    document.write(c+"<br>");
    document.write(d+"<br>");
    document.write(height);

##五、typeof运算符

　　1，undefined：变量被声明后，但未被赋值.

　　2，string：用单引号或双引号来声明的字符串。

　　3，boolean：true或false。

　　4，number：整数或浮点数。

　　5，object：javascript中的对象、数组和null。

　　document.write(typeof(b)+"<br>");

　　alert("num1的数据类型是："+typeof num1);

##六、数据类型

数据类型包括：

　　##基本数据类型：undefined  　　null 　　string 　　boolean　　 

　　1，undefined：示例：var width;

　　　　变量width没有初始值，将被赋予值undefined

　　2，null：表示一个空值，与undefined值相等

　　3，string：被单双引号引起来的就被称之为字符串类型

　　4，boolean： 布尔类型，只有两个值，分别是true，false；

　　5，number：实例：

　　　　var num=123.68；

　　　　var num1=123；

　　这两个都是数值类型，只不过一个是浮点型，一个是整数型

　　##引用数据类型：

​ 　　　　通常叫class 类 new Object(); new Date(); new String()

​ 　　　　object

##七、数组的常用方法

更多方法可查阅JavaScrpt Array对象参考手册：http://www.w3school.com.cn/js/jsref_obj_array.asp

运算符：

##八、JavaScript函数

　　parseInt（）；　　　　将字符串转数字

　　parseFloat（）；　　   将字符串转浮点数字

　　普通函数

　　　　function   函数名（）{}

　　匿名函数

　　　　function （）{}

　　在匿名函数中，我们一般把匿名函数用一个var变量去接受，然后再去调用这个变量

##九、常用的输入/输出

　　输出一般使用alert；输入使用prompt；但是后期不建议使用alert，在真实的开发中一般使用console.Log( )

　　1，alert()【一般用在一些警告或者提示中】：

　　　　alert("提示信息");

　　2，prompt()

　　　　prompt("提示信息", "输入框的默认信息");

##事件：

　　1 事件源 ：被监听的html 元素

​　　 2 事件: 某类动作 点击事件 鼠标移入事件 敲击键盘事件

​　　 3 事件与事件源绑定： 事件源上 注册事件

​　　4 事件触发的响应行为： 事件触发后执行的代码 ---》一般进行封装

​ 　　5 监听器 声音 针孔摄像头 为事件源安装 监听器 鼠标监听器 键盘监听器 处理方式 -----》函数

​ 　　常用的事件

​　　 onload 某个页面或者图片被完成加载

　　​ onsubmit 表单提交时 触发该事件 事件源 是form

　　​ onclick 点击事件

​ 　　onblur 清除焦点

​ 　　onfocus 元素获得焦点

​ 　　onchange 用户改变域的内容

​　　 onkeydown 某个键盘被按下

​　　 onmousemove 鼠标移动