JavaScript的一点知识点分享

一 、javaScript 的概念 :是一种表述语言，也是一种基于对象  (Object)    和事件驱动 (EventDriven)  的，安全性好 的脚本语言，运行在客户端，从而减轻服务器端的负担，总结如下：
1.javaScript 主要用来向 HTML 页面找那个添加交互行为。
2.javaScript 是一种脚本语言，语法和 java  类似。
3.javaScript 一般用来编写客户端脚本。
4.javaScript 是一种解释性语言，边执行边解释。

二、javaScript  由核心语法 ECMAScript  、浏览器对象模型 (BOM)   主要用于管理窗口与窗口之间的通讯，因此其核心对象是 window    、文档对象模型 (DOM)  三部分组成 。

三、网页中引入 javaScript  三种方式 :
1.使用<Script></Script>  标签内部样式。
2.使用外部 js 文件。
3.直接在 HTML 标签中的行内样式。

四、javaScript的作用
1.实现页面表单验证。
2.实现页面交互特效。

五、javaScript的特点
1.被设计用来向 Html  页面添加交互行为。
2.是一种英特网上最流行的脚本语言。
3.一般用于编写客户端脚本。
4．是一种解释性语言。

六、引入 javaScript 的方式
1.使用<Script> 标签直接嵌入网页。
2.使用外部 js 文件。

Js 中 String    对象常用的方法：
（1）toString( 包前不包后 ),2.toLowerCase();toUpperCase(); 
（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(); 

七、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）函数名(传递的参数值 ); 

匿名函数 : 
匿名函数的声明：
Var 变量名=function(   参数){ 函数体 return 返回值； }  ; 

调用

变量名(参数) 

八、. 程序调用
1.添加 alert();  方法 2. 使用 fireBug();  方法

九、BOM 概述：(Browser  Object  Model, 浏览器对象模型 )
1.window   对象的属性

History：有关客户访问过的 URL 的信息

Location：有关当前 URL 的信息

Screen： 有关客户端的屏幕和显示性能的信息

Weindow 对象常用的方法： prompt()confirm();setTimeout();setInterval();

Window 对象常用的事件： οnlοad= ”” οnmοuseοver= ”” ;onclick window.parent.location

2.History 对象
方法：back()   ;forward();go();  

3.Location     对象提供当前页面的 URL 属性：host  hostname    href 
方法:reload()    replace(); 

4.Document 对象
属性:referrer   属性判断是不是通过超链接访问的，不是返回   null 

十、javaScript       中的对象
Date 对象: 
创建 date 对象发方法 var  date=new  Date(MM  DD  ,YYYY,hh:mm:ss); var  date=new    Date();   date.getDay();

Math  对象：
Ceil(); 对数进行向上取整， ceil(25.5)=26; Floor(); 向下取整， floor(25.5)=25; 
Math.round(25.5);    在原数的加 0.5 后向下取整。

十一、Dom    概述( 文档对象模型 )
由CoreDom,XMLDom,HTML     Dom 组成；

十二、创建数组
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 对象。

十三、style 定位方面的样式
left  top   position   z-index 
鼠标滚动距离： scorllTop:  纵向距离
scorllLeft:  横向距离
鼠标滚动事假： onscorll Jquery  对象与 Dom 对象的相互转换。

（1）jquery  对象转换为 DOMD 对象，jquery  提供两种方法将 jquery  对象转换为 DOM 对象，即[index]  和get(inde x)，

var  $txtName=$(     “#txtName   ”);//jquery 对象

var  txtName=$txtName[0];//Dom 对象
alert(txtName.checked);//      检测这个 checkbox  是否被选中

通过 get(index)  方法得到对应的 Dom 对象
Var  $txtName=$(     “#txtName   ”);//jquery 对象
Var  txtName=$txtName.get(0);//Dom 对象

alert(txtName.checked);//      检测这个 checkbox  是否被选中

（2）Dom 对象转换为 jQuery  对象

Var  txtName=document.getElementById(                  “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 
obj.toggle(); 
$( “.tipsbox      ”).show();obj.hide();$( “img ”).fadeIn(1000);
$( “.txt    ”).slideUp(1000);     obj.slideDown(1000);
Obj .toggleClass(          “class集成了”);//addClass  和romoveClass $(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
function   toNumber(strNum)      { return   +strNum; 
} 
适用于 Date() 返回时间戳数字： +new   Date(); 
3.在循环很大时候数字的长度先给去出来，  var  legth  =  array.legth;
4.if('querySelector'      in  document)    {
document.querySelector("#id"); }  else  { 
document.getElementById("id"); } 
5.获取数组中的最后一个元素
var  array   =  [1,2,3,4,5]; array.slice(-1); 
6.字符串元素的替换

var  string   =  "john   john"; 
string.replace(/hn/,       "ana");   //"joana  

 john" string.replace(/hn/g,       "ana");    //"joana    joana"