（一） JavaScript的基本语法

(一)   JavaScript的基本语法

学习目的：

   JavaScript的基本语法

        变量的定义与赋值

        数据类型与转换函数

        运算符和控制语句

    自定义函数  function

JavaScript（俗称“JS”）

        JavaScript是网景（netScape）公司推出的基于面向对象和事件驱动机制，缓解服务器端压力的客户端脚本语言。

JS的执行原理：

        浏览器输入---发送请求----客户端请求包含js的页面----到服务器----从服务器端下载含JS的页面---返回响应---浏览器解析HTML标签和JS脚本。

结构：

   
   
<script>
   //JS代码
</script>

基本语法：变量、类型转换、运算符、注释、控制语句

    1）变量

            JS里的变量占用的是浏览器的缓存。

   
   
var count;

var  表示声明变量的关键字

count 表示变量名

   JS是弱类型的语言，因此在声明变量时不需要明确指定变量的数据类型。

   
   
var count = 10;

JS严格区分大小写，命名规范和Java命名规范相同。

JS是解释型语言，运行前不需要编译。

JS的语法相对宽松，但是编写时应以严谨的态度来编写，否则会出现一些不可预料的错误。

使用弹出对话框来实现  

  
  
alert("");

   JS的数据类型：string   number   boolean   object

           数值的无论是小数还是整数都是number类型。

   在同一个页面中，多个script脚本块的数据都是互同的。

   typeof() 用来判断变量的类型。

    判断变量的值是否是数字  isNaN  (not  a  number)

   2）注释

    单行注释    //

    多行注释   /*  */

    3）运算符（和java相同）

        算术运算符（+也可以表示拼接，/ 得到的结果包括小数）

        比较运算符

        逻辑运算符

        赋值运算符

    4)类型转换

        parse可以将数字开头的字符串内容转换成number类型，并且只保留数字内容

        parseInt（“字符串”）将字符串转换为整型数字（会丢失精度）

        parseFloat("字符串")将字符串转换为浮点型数字

使用对话框接收的数据，返回值为string类型

    5）控制语句（同java相同）

            if条件语句

            switch多分支语句

            for、while循环语句

    

    6）函数（类似java的方法，提高代码的复用性的语句块）

   
   
function  函数名(参数){
     //JS代码
}

注意点：

    js中不存在方法的重写

    创建函数，不能将js中的关键字作为函数来使用。

    写在script的变量都称为全局变量。

    函数的参数不需要 var

获取带有返回值的函数需要定义一个变量来接收。

JS可以使用基于面向对象的方式控制数据   

  
  
//js中创建对象(相当于java中的类)的方式
var user = new Object();
//动态扩展对象的属性
user.userName = "tom";
user.password = "123";
//动态扩展对象的方法
user.showInfo = function(){
	alert(user.userName+","+user.password);	
}
alert(user.password);

   js的匿名方法

   
   
var User = function(){
	//this.userName = "tom";
	this.password = "123";
	this.showInfo = function(){
		alert("userName:"+this.userName+",password:"+this.password);
	};
};
//在定义完对象后在外部通过原形来修改对象的结构
User.prototype.userName = "admin";
User.prototype.getUserName = function(){
	return User.prototype.userName;
}
var user1 = new User();
//user1.userName = "jack";
//alert(user1.userName);
//user1.showInfo();
//user1.showInfo();
alert(user1.getUserName());
//alert(user1.age);

导入脚本

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

导入外部脚本的script语句块严禁编写js脚本。

事件

        on开头的

        onclick

        onblur  失去焦点

        onchange  内容改变   用于select 标签

        ......

οnclick= "函数名（）"

    内容相当于脚本块的内容

根据id获取页面中的标签对象作用按钮 的onclick事件，当点击时触发hello方法的代码。

   
   
var  btn = document.getElementById("btn");
btn.onclick = hello;

使用匿名方法实现事件的驱动

   
   
btn.onclick = function(){
}

window.onload   页面加载事件

window.onunload 页面卸载事件