javaScript知识点总结（必看篇）
1、javaScript的概念：是⼀种表述语⾔，也是⼀种基于对象(Object)和事件驱动(EventDriven)的，安全性好的脚本语⾔，运⾏在客户端，从⽽减轻服务器端的负担，总结如下：
1.javaScript主要⽤来向HTML页⾯那个添加交互⾏为。
2.javaScript是⼀种脚本语⾔，语法和java类似。
3.javaScript⼀般⽤来编写客户端脚本。
4.javaScript是⼀种解释性语⾔，边执⾏边解释。
2、javaScript由核⼼语法ECMAScript、浏览器对象模型(BOM) 主要⽤于管理窗⼝与窗⼝之间的通讯，因此其核⼼对象是window、⽂档对象模型(DOM)三部分组成.
3、⽹页中引⼊javaScript三种⽅式:
1.使⽤<Script></Script>标签内部样式
2.使⽤外部js⽂件
3.直接在HTML标签中的⾏内样式。
4.javaScript的作⽤
1.实现页⾯表单验证
2.实现页⾯交互特效
5.javaScript的特点
1.被设计⽤来向Html页⾯添加交互⾏为
2.是⼀种英特⽹上最流⾏的脚本语⾔
3.⼀般⽤于编写客户端脚本
4．是⼀种解释性语⾔
6.引⼊javaScript的⽅式
1.使⽤<Script>标签直接嵌⼊⽹页
2.使⽤外部js⽂件
Js中String对象常⽤的⽅法：
1. toString(包前不包后),
2. charAt(index)；返回在指定位置的字符，indexOf(str,index)；指定字符串中⾸次出现的位置;split(str)；将字符串分割为字符串
数组
在javaScript中条件语句Switch(){}可以接字符串；
alert(“提⽰信息”)；
var isOk=confirm(“确认框“);//如果确认返回true，否则返回false
prompt();prompt(“提⽰信息”，“输⼊框默认信息”);
prompt(“请输⼊姓名”)
close();
open();
setTimeout()；在指定毫秒之后调⽤某个函数
setInterval()；在指定周期毫秒来调⽤某个函数
window.open();
7.Js语法：
1.区分⼤⼩写
2.注意变量，函数等命名规范
3.每⾏代码以分号结束
Js中的函数：
1.系统函数
ParseInt()；转换为整数  45.9a转换为45；a6转换返回为NaN(Not a Number)  isNaN(判断是不是数字)
typeof(var)；判断是什么数据类型
eval(“5+2”)；计算表达式值
2.⾃定义函数
Function 函数名(){javaScript代码}
Function 函数名(参数1，参数2){javaScript代码  return 返回值(可选)}
Js中函数的调⽤:
1. 事件名=“函数名(传递的参数值)“;
2. 函数名(传递的参数值);
匿名函数:
1. 匿名函数的声明：
Var 变量名=function(参数){  函数体  return 返回值；} ;
1. 调⽤
变量名(参数)
8.程序调⽤
1.添加alert();⽅法
2.使⽤fireBug();⽅法
9.BOM概述：(Browser Object Model，浏览器对象模型)
1.window对象的属性
名称说明
名称说明
History有关客户访问过的URL的信息
Location有关当前URL的信息
Screen有关客户端的屏幕和显⽰性能的信息
Weindow对象常⽤的⽅法：prompt()confirm();setTimeout();setInterval();
Window对象常⽤的事件：onload=”” onmouseover=””;onclick
window.parent.location
2.History对象
⽅法：back() ;forward();go();
3.Location对象提供当前页⾯的URL
属性：host hostname href
⽅法:reload() replace();
4.Document对象
属性:referrer属性判断是不是通过超链接访问的，不是返回null
10.javaScript中的对象，
Date对象:
创建date对象发⽅法var date=new Date(MM DD ,YYYY,hh:mm:ss);
var  date=new Date(); Day();
Math对象：
Ceil()；对数进⾏向上取整，ceil(25.5)=26;
Floor()；向下取整，floor(25.5)=25;
11.Dom概述(⽂档对象模型)
由CoreDom,XMLDom,HTML Dom组成；
12.创建数组
Js中变量的声明:
Var 数组名称=new Array(size);
1. 先声明再赋值 fruit[0]=””
2. 声明同时赋值 var fruit=new Array(“apple”,”orange”)；或 var fruit=new Array[“apple”,”orange”]；读取1.使⽤for循环读取 2.使⽤for---in读取
For(var x in fruit){document.write(fruit[x]+”<br/>”)}x为下标
Fruit.sort();//排序 string str=fruit.join(“-”);//添加字符串后连接成⼀个字符串
下拉列表Select对象：
13、 style 定位⽅⾯的样式
  left top  position  z-index
  ⿏标滚动距离：scorllTop：纵向距离
        　scorllLeft：横向距离
  ⿏标滚动事假：onscorll
Jquery对象与Dom对象的相互转换
1. jquery对象转换为DOMD对象，jquery提供两种⽅法将jquery对象转换为DOM对象，即[index]和get(index), var $txtName=$(“#txtName”);//jquery对象
var txtName=$txtName[0];//Dom对象
alert(txtName.checked);//检测这个checkbox是否被选中
通过get(index)⽅法得到对应的Dom对象
Var $txtName=$(“#txtName”);//jquery对象
jquery是什么有什么作用Var txtName=$(0);//Dom对象
alert(txtName.checked);//检测这个checkbox是否被选中
1. Dom对象转换为jQuery对象
Var ElementById(“txtName”);//dom对象
Var $txtName=$(txtName);//
Dom中添加class属性使⽤obj.className=classname;
添加类容使⽤obj.innerHtml=<input />
Jquery中添加class属性使⽤obj.addClaa=classname;
添加类容使⽤：obj.html=<input/>;
Jqurey中的五⼤选择器：
1. 基本选择器 (#  .  标签)
2. 层次选择器(后代 >⼦    +相邻    ~同辈)
3. 属性选择器(P[class=name])
4. 过滤选择器(“tr:even”)
5. 可见性选择器(“p:hidden” “p:viside”)
Jquery中的事件：
Obj.bind(“clike”,function(){});
obj.bind({mousever:function(){},{mouserout:function(){}}});
obj.unbind();
obj.hover(function(){},function(){})⽅法集合onmouseOver和onmouseOut
$(“.tipsbox”).show();obj.hide();
$(“img”).fadeIn(1000);
$(“.txt”).slideUp(1000); obj.slideDown(1000);
$(this).val(“”);//清空⽂本内容
Var $newNode=$(<”<li>⽤jquery创建新元素节点</li>”>);
在正则表达式
JS中常⽤的⼀些⼩技巧：
1.使⽤!!操作符转换布尔值，对于变量可以使⽤！！varable做检测，只要变量的值为：0，null , "" , undefind或者NaN都将返回的是false反之的是true
function Account(cash)
{
this.cash = cash;
this.hasMoney = !! cash;
}
2.使⽤+将字符串转换为数字，只适⽤字符串数据，否则返回NaN

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。