Day03 JavaScript

JavaScriptJS的概述

• JavaScript是脚本语言,很容易学习
• JavaScript的组成
  • ECMAScript: JavaScript的基本语法
  • BOM: Browser Object Model
  • DOM:Document Object Model
    
    
• 其他脚本语言:
  • JavaScript,ActionScript,Flex
    
    
• JS的用途
  • 使页面更加丰富,使页面动起来
    
    
  
  

JS基本语法

• 区分大小写
  • 与Java一样,变量,函数名,运算符一级其他的一切东西都是区分大小写的.
    
    
• 弱变量类型语言
  • Java
    • int i = 3;
    • String s = "abc";
      
      
  • JavaScript
    • var i =3;
    • var s = "abc";
      
      
    
    
• 分号可有可无:
  
  

var test1 = "red"
var test2 = "blue";
​

• 变量命名
  • 第一个字符必须是字母,下划线(_)或美元符号($)
  • 余下的字符可以使下划线,美元符号或任何字母或数字字符
    
    
  
  

JS的数据类型

JS将数据类型分成两类:

• 原始类型:
  • undefined:未定义类型
  • boolean:布尔类型
  • number:数字类型
  • string:字符或字符串
  • null:空
    
    
• 引用类型
  • 对象类型.对象类型的默认值是null
    
    
  
  

JS的运算符

JS中的运算符与Java中基本一致

JS中有一个===全等于.全等于是类型和值都一致的情况下菜为true.

JS语句

JS中的语句与Java的语句一致

JS的通常开发的步骤

• JS通常由一个事件出发.
• 触发一个函数,定义一个函数.
• 获得操作对象的控制权.
• 修改要操作的对象的属性或值
  
  

//定义函数:
function 函数名称(){
    //函数体
}
window.onload = function(){
   
}
//常用事件:
onclick,ondblclick,onmouseover,onmouseout,onload...JS的引入方式

• 通常两种方式:
  • 页面内直接编写JS代码,JS代码需要使用<script></script>.
  • 将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可.
    
    
• 将JS的代码定义成一个文件引入:
  
  

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

• 获得页面中的元素:
  
  

document.getElementById("")

• 正则的匹配:
  • JS中 有两种匹配正则的方式:
    • 使用String对象中的match方法.
    • 使用正则对象中的test方法.
      
      
    
    
  
  

HTML的window对象

• 设置定时的方法
  • setInterval():每隔多少毫秒执行某个表达式
  • setTimeout():每个多少毫秒执行一次表达式
    
    
• 清除定时的方法
  • clearInterval()
  • clearTimeout()
    
    
• 警告窗口
  • alert()
    
    
• 弹出确认窗口
  • confirm()
    
    
• 弹出可编辑的文本框
  • prompt()
    
    
• 打开一个新窗口
  • open()
    
    
  
  

BOM的其他对象

• history.go(-1)
• location.href
  
  

Day03 JavaScript

JavaScriptJS的概述

• JavaScript是脚本语言,很容易学习
• JavaScript的组成
  • ECMAScript: JavaScript的基本语法
  • BOM: Browser Object Model
  • DOM:Document Object Model
    
    
• 其他脚本语言:
  • JavaScript,ActionScript,Flex
    
    
• JS的用途
  • 使页面更加丰富,使页面动起来
    
    
  
  

JS基本语法

• 区分大小写
  • 与Java一样,变量,函数名,运算符一级其他的一切东西都是区分大小写的.
    
    
• 弱变量类型语言
  • Java
    • int i = 3;
    • String s = "abc";
      
      
  • JavaScript
    • var i =3;
    • var s = "abc";
      
      
    
    
• 分号可有可无:
  
  

var test1 = "red"
var test2 = "blue";
​

• 变量命名
  • 第一个字符必须是字母,下划线(_)或美元符号($)
  • 余下的字符可以使下划线,美元符号或任何字母或数字字符
    
    
  
  

JS的数据类型

JS将数据类型分成两类:

• 原始类型:
  • undefined:未定义类型
  • boolean:布尔类型
  • number:数字类型
  • string:字符或字符串
  • null:空
    
    
• 引用类型
  • 对象类型.对象类型的默认值是null
    
    
  
  

JS的运算符

JS中的运算符与Java中基本一致

JS中有一个===全等于.全等于是类型和值都一致的情况下菜为true.

JS语句

JS中的语句与Java的语句一致

JS的通常开发的步骤

• JS通常由一个事件出发.
• 触发一个函数,定义一个函数.
• 获得操作对象的控制权.
• 修改要操作的对象的属性或值
  
  

//定义函数:
function 函数名称(){
    //函数体
}
window.onload = function(){
   
}
//常用事件:
onclick,ondblclick,onmouseover,onmouseout,onload...JS的引入方式

• 通常两种方式:
  • 页面内直接编写JS代码,JS代码需要使用<script></script>.
  • 将JS的代码编写到一个.js的文件中,在HTML中引入该JS代码即可.
    
    
• 将JS的代码定义成一个文件引入:
  
  

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

• 获得页面中的元素:
  
  

document.getElementById("")

• 正则的匹配:
  • JS中 有两种匹配正则的方式:
    • 使用String对象中的match方法.
    • 使用正则对象中的test方法.
      
      
    
    
  
  

HTML的window对象

• 设置定时的方法
  • setInterval():每隔多少毫秒执行某个表达式
  • setTimeout():每个多少毫秒执行一次表达式
    
    
• 清除定时的方法
  • clearInterval()
  • clearTimeout()
    
    
• 警告窗口
  • alert()
    
    
• 弹出确认窗口
  • confirm()
    
    
• 弹出可编辑的文本框
  • prompt()
    
    
• 打开一个新窗口
  • open()
    
    
  
  

BOM的其他对象

• history.go(-1)
• location.href