HTML5读书笔记之二：JavaScript基础

1.jQuery是一个JavaScript库

2.调用jQuery的两种@L_801_2@：（1）.<script type = "text/javascript" src = "jquery.js"></script> 调用本地的jquery库

       （2） <script  type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

 使用谷歌托管jQuery库，（条件是能上网）好处是假如用户曾经访问过使用谷歌托管的jQuery的网站就不用重新下载jQuery库了，加快用户访问速度，min的意思是经过压缩的jQuery库，是未压缩大小的1/7，因此下载更快

3.一个例子：$(document).ready(function(){

alert("Hello,World!");

});

在HTML加载完后执行JavaScript。原因在于，一，js加载在HTML中的某位置会立刻开始执行，暂停后面的HTML其余元素的显示，好的做法是先加载整个页面内容，再使用js进行后续处理。二，它无法访问未加载的内容就会产生一些错误。

三种在HTML加载完后执行JavaScript的@L_801_2@，（1）错误的，window.onload = function(){

alert("Hello,World!");

};

   （2）冗长的，DOM，Dean EdWARDs的脚本。。自行百度吧

   （3）简单的，jQuery，$(document).ready(function{

//将想在页面加载完之后运行的js代码放在这。

});

      其实是基于Dean EdWARDs的@L_801_2@的封装。

4.变量 与数据类型：变量声明 var username; 赋值 username = "wjw";

    (1)基本数据类型：数值：整数，浮点。 布尔型：true，false。 字符串

 复合数据类型：数组，对象

 其它数据类型：null：表示什么也没有或者没有值。undefined：变量在声明之后和赋值之前保存的值。

5.条件语句：if...else...else if...

a == b a与b相等时为true

a === b a与b相等且类型相同时为true

a != b a !== b a < b a > b a <= b a >= b

6.函数：function 来声明函数 return来返回值

例子:function formatName(fristName,lastName){

return fristName + " " + lastName;

};

7.对象：最简单的创建对象的@L_801_2@：var rocket = new Object();

       引用对象变量，使用（.）运算符：rocket.ENGIneCount = 2;

        函数也是对象：function Rocket(ENGIneCount,thrust,thrust){

this.ENGIneCount = ENGIneCount;

this.thrust = thrust;

this.thrust = thrust;

};

var rocket = new Rocket(2,5000,4);

alert(rocket.ENGIneCount);//输出2

在对象中加入@L_801_2@：function Rocket(ENGIneCount, thrust){

this.ENGIneCount = ENGIneCount;

this.ENGIne = false;

this.thrust = thrust;

this.thrust = thrust;

this.turnENGIneOn = function(){

this.ENGIne = true;

alert("ENGInes are Now on");

};

};

8.数组：创建数组：@L_801_2@一：var plants = new Array();

    planets[0] = "Mercury";

    @L_801_2@二：var plants = new Array("Mercury","Venus","Earth","Mars");

    @L_801_2@三：var plants = ["Mercury","Mars"];

9.循环：for,while

10.定时器：设置一次性定时器：setTimeon@L_801_2@允许我们在以毫秒为单位的特定延迟时间之后运行某段代码。

      例如：function onTimeOut(){

alert("Ding dong");

}

var timer = setTimeout(onTimeOut,3000);

取消定时器@L_801_2@：clearTimeout(timer);

设置重复定时器：seTinterval@L_801_2@

例如：function onInterval(){

alert("Ding dong");

}

var interval= seTinterval(onInterval, 3000);

取消重复定时器：clearInterval(interval);

他们都是DOM window@L_801_2@但可用js操作他们

11.DOM：作用在于表示网页和HTML元素的原始结构

    访问DOM：纯Javascript通过id： document.getElementById("blogArticles");

通过标签名称： document.getElementByTagName("p");//返回的是一个数组，其中包含所有匹配的HTML元素

访问属性值：其中的一些@L_801_2@

var secondary@L_675_42@s = document.getElementByTagName("h2");

alert(secondary@L_675_42@s[0].innerHTML);

使用jQuery 通过id：$("#blogArticles"); //$是访问jQuery的一种快捷方式等价于jQuery("#blogArticles");

· //#表示id 点表示类

通过标签名称：$("p");

访问属性值：其中的一些@L_801_2@

var secondary@L_675_42@s = $("h2");

alert(secondary@L_675_42@s.html);//html@L_801_2@总是访问第一个HTML元素

     操作DOM：一些例子：varsecondary@L_675_42@s = $("h2");

      secondary@L_675_42@s.html("Now we've changed the content");