【石家庄校区】JavaScript笔记整理

JavaScript基础语法

• 变量是弱类型的
  
  
  • 与 Java 和 C 不同，ECMAScript 中的变量无特定的类型，定义变量时只用 var 运算符，可以将它初始化为任意值。
  • 因此，可以随时改变变量所存数据的类型（尽量避免这样做）。
    
    
• 结尾的分号可有可无
• 全等运算符:===当两侧变量的值和类型都相等时才返回true
• 内置对象Date:
  
  
  • new Date().getTime():获取当前时间的毫秒值
    
    
  
  

变量类型

• 原始类型
  
  
  • undefined
  • String
  • number
  • boolean
  • null
    
    
• 引用类型
  
  

定义函数

function 函数名称(){

}

JS的引入方式

一般有2种:

• 在<script>标签中直接写
• 用<script>标签中的src属性引入
  
  

JS正则校验

• String中的match()
• RegExp中的test()
  
  

JS的常用事件

• 常用事件:
  
  
  • onload:页面加载完成后触发
  • onsubmit:表单提交时触发
  • onfocus:获得焦点时触发
  • onblur:失去焦点时触发
  • onchange: 下拉列表改变时触发
  • onscoll:页面滚动时触发
    
    
• 键盘操作事件:
  
  
  • onclick:单击时触发
  • ondblclick:双击时触发
  • onkeydown:键盘按下时触发
  • onkyeup:键盘松开时触发
  • onkeypress:键盘按下并松开时触发
    
    
• 鼠标操作事件：
  
  
  • onmousemove:鼠标移动时触发
  • onmouseout:鼠标移开时触发
  • onmouseover:鼠标放上时触发
  • onmousedown:鼠标按下时触发
  • onmouseup:鼠标松开时触发
    
    
  
  

BOM:浏览器对象模型window

• setInterval();
  
  
  • setInterval("change()",5000);
    
    
• setTimeout();
  
  
  • setTimeout("change()",5000);
    
    
• clearInteval();
• clearTimeout();
• open();打开一个小窗口
• confirm();弹出确认框
• prompt();弹出可输入的对话框
• alert();一般调试时使用
  
  

history

• history.go(-1)或history.back()返回上一页
  
  

location

• location.href="";可以用作页面的跳转
  
  

JS的输出

• document.getElementById("id名").innerHTML="HTML的代码";
• document.write("HTML的代码");
  
  

DOM：文档对象.获得元素:

​           document.getElementById(),document.getElementsByName(),document.getElementsByTagName();

添加元素:

​           element.appendChild(),element,insertBefore();

删除元素:

​           element.removeChild();

创建元素:

​           document.createElement(),document.createTextNode();

修改元素值:

​           innerHTML属性:

CRUD:增删改查

​         Create Remove Update Delete

【石家庄校区】JavaScript笔记整理

JavaScript基础语法

• 变量是弱类型的
  
  
  • 与 Java 和 C 不同，ECMAScript 中的变量无特定的类型，定义变量时只用 var 运算符，可以将它初始化为任意值。
  • 因此，可以随时改变变量所存数据的类型（尽量避免这样做）。
    
    
• 结尾的分号可有可无
• 全等运算符:===当两侧变量的值和类型都相等时才返回true
• 内置对象Date:
  
  
  • new Date().getTime():获取当前时间的毫秒值
    
    
  
  

变量类型

• 原始类型
  
  
  • undefined
  • String
  • number
  • boolean
  • null
    
    
• 引用类型
  
  

定义函数

function 函数名称(){

}

JS的引入方式

一般有2种:

• 在<script>标签中直接写
• 用<script>标签中的src属性引入
  
  

JS正则校验

• String中的match()
• RegExp中的test()
  
  

JS的常用事件

• 常用事件:
  
  
  • onload:页面加载完成后触发
  • onsubmit:表单提交时触发
  • onfocus:获得焦点时触发
  • onblur:失去焦点时触发
  • onchange: 下拉列表改变时触发
  • onscoll:页面滚动时触发
    
    
• 键盘操作事件:
  
  
  • onclick:单击时触发
  • ondblclick:双击时触发
  • onkeydown:键盘按下时触发
  • onkyeup:键盘松开时触发
  • onkeypress:键盘按下并松开时触发
    
    
• 鼠标操作事件：
  
  
  • onmousemove:鼠标移动时触发
  • onmouseout:鼠标移开时触发
  • onmouseover:鼠标放上时触发
  • onmousedown:鼠标按下时触发
  • onmouseup:鼠标松开时触发
    
    
  
  

BOM:浏览器对象模型window

• setInterval();
  
  
  • setInterval("change()",5000);
    
    
• setTimeout();
  
  
  • setTimeout("change()",5000);
    
    
• clearInteval();
• clearTimeout();
• open();打开一个小窗口
• confirm();弹出确认框
• prompt();弹出可输入的对话框
• alert();一般调试时使用
  
  

history

• history.go(-1)或history.back()返回上一页
  
  

location

• location.href="";可以用作页面的跳转
  
  

JS的输出

• document.getElementById("id名").innerHTML="HTML的代码";
• document.write("HTML的代码");
  
  

DOM：文档对象.获得元素:

​           document.getElementById(),document.getElementsByName(),document.getElementsByTagName();

添加元素:

​           element.appendChild(),element,insertBefore();

删除元素:

​           element.removeChild();

创建元素:

​           document.createElement(),document.createTextNode();

修改元素值:

​           innerHTML属性:

CRUD:增删改查

​         Create Remove Update Delete