JavaScript

本文为博主原创，更多好文章请点击这里

什么是JavaScript

• JavaScript是一种描述语言，基于对象和事件驱动的脚本语言

JavaScript特点

• 脚本语言（一种轻量级的编程语言，不用依赖于小众的软件或硬件支持）
• 一种解释性语言（无须预编译，直接通过浏览器解析完成读取，直接把效果显示在浏览器）
• 被设计为向HTML页面添加交互行为（用户与浏览器进行行为交互的专属语言）
• 运行于客户端（即B/S架构中的浏览器）

为什么要使用JavaScript

• 通过JavaScript脚本语言编写表单验证，可以有效减轻服务器压力
• 过滤垃圾数据并且让交互行为响应更迅速

关于JavaScript

• ECMAScript是JavaScript的标准和基础

JavaScript的组成

• ECMAScript（核心）
  
  • ECMAScript定义了脚本语言的所有属性、方法和对象
  • 包括语法、类型、关键字、保留字、运算符、对象等
  • 除了JavaScript外，同时也是Nombas的ScriptEase和Flash脚本ActionScript的基础
• BOM（Browser Object Model 浏览器对象模型）
  
  • 作用：对浏览器窗口进行访问和操作
  • 包括：
    
    • 弹出新的浏览器窗口（window.open）
    • WEB浏览器详细的定位对象（window.location）
  • 对象举例
    
    • Window对象
    • History对象
    • location对象
• DOM（Document Object Model 文档对象模型）
  
  • HTML和XML的应用程序接口（API）
  • 把整个页面规划为层级式的节点结构（又称树状结构）

JavaScript基本机构

<script type="text/javascript">
    <!--
        //输出hellow
        document.write("hello");
    -->
</script>

• 注意事项：
  
  1. ” ” 部分是非必须的，为了规避老版本浏览器不识别
  2. “//”是JavaScript的注释符号（/* */也是注释符号）它会阻止JavaScript编译器对这一行的编译
  3. type属性不推荐写成language=”javascript”，不符合XHTML1.0

3种引用JavaScript的方式

• 标签引入

<input type="button" name="" id="" value="" onclick="javascript:alert('nihao')" />

• 内部脚本

<script type="text/javascript">
    <!--
        //输出hellow
        document.write("姓名：贲海龙<br />年龄：25岁<br />籍贯：南通");

    //-->
</script>

• 外部引用

<script type="text/javascript" src="js路径"></script>

常用脚本（输出alsrt、输入prompt、确认confirm）

// 输出弹出框
alert("nihao");
// 脚本输入弹出框的2种方式prompt("提示文字","默认值");
prompt("请输入你的姓名：","李嘉诚");
prompt("请输入你的姓名：");
// 却认信息提示弹出框
confirm("你确定要删除吗？");

变量的声明和使用

• 由于 JavaScript 对大小写敏感，变量名也对大小写敏感（Y和y是两个不同的变量）
• 变量必须以（字下美原则）字母或下划线或美元符号$开始，不能使用关键字作为变量名

• 如声明多个变量，采用”,”隔开的方式是较为高效的

  例如：var num = 10, str = “张三”;

• 每个代码后面的”;”是可以省略的，建议都写上（便于阅读和代码维护）

• + 运算符，当文本值相加时为 连接符，如果是两个数字则为数学运算加号
• \= 运算符用于给变量赋值，变量可以重复赋 不同类型 的值
  

  例如：
  var age = 21;
  age = “二十一”;

JS语法约定

• 代码区分大小写
• 变量、对象和函数的名称有意义，最好使用驼峰式命名
• 句尾的分号不能省略

JavaScript数据类型

• Underfined

  Underfined类型只有一个值，即 Underfined，指代未定义或定义未赋值的变量

• Object

  表示对象，所有new Object都是（包括NULL）

• Object

  表示对象，所有new Object都是（包括NULL）

• Number

  所有数字，无论是小数还是整数
  var iNum=23; //整数
  var iNum=23.0; //浮点数

• Boolean

  只有true和false

• String

  一组被引号（单引号或双引号）括起来的文本，例如：
  var str1=”This is”;
  var str2=’a string’;
  function：函数方法

• typeof运算符使用方式，类似于java中的instanceof

  使用方式:typeof(variable)

数据类型转换

• 转换函数（逐字转换）

  • parseInt():字符串转换为整数
  • parseFloat():字符串转换为浮点数
  • toString()：返回字符串

• 强制类型转换（整体转换）

  • Boolean()：转化为逻辑值
  • Number()：对象转化为数字
  • String()：对象转化为字符串

本文为博主原创，更多好文章请点击这里