#新浪博客搬家#
(2017-04-02 16:43:41)
内容来自:极客学院
1、JavaScript基础
介绍:Javascript是互联网上最流行的的脚本语言,轻量级编程语言,可插入HTML页面。
实现:可位于或中,也可引入js文件(<</span>script src="js.js"></</span>script>)
输出字符串:
<</span>script>document.write("hello ycc");</</span>script>
输出的字符串内可以包含html标记。如:"
hello ycc
"
注意:JavaScript对大小写非常敏感。
变量和数据类型:var a=10;(变量声明)
var a=[1,2,3,4,5]; a[1]指数组第二个数
2、JavaScript语法
条件语句:if-else、if-else if-els、switch 参考c语言
跳转语句:break、continue
循环语句:for循环、for-in: for(j in i){ } j变量是数组i中的一个成员
while循环/do-while
JavaScript运算符:参考c语言
3、JavaScript的函数(参考c语言)
函数标志:function demo(a,b){ }
局部变量:在函数function之内,var a=10 ;
全局变量:在函数function之外 ; 在函数之内:a=10,不带var,也为全局变量。
函数调用:在
4、JavaScript异常处理和事件处理
异常捕获:try{ 发生异常的代码块}catch(err){错误信息;}
事件:
主要事件:onClick(单击) onMouseOver(鼠标经过) onMouseOut(鼠标移出)
onChange(文本内容改变) onSelect(文本框选中) onFocus(光标聚集)
onblur(移开光标) onLoad(网页加载) onUnload(关闭网页)
<</span>div class="div" οnmοuseοver="onOver(this)" οnmοuseοut="onOut(this)"></</span>div>
//this指向当前函数
<</span>script>
function onOver(ooj){
ooj.innerHTML="hello";
}
function onOut(ooj){
ooj.innerHTML="world";
}
</</span>script>
5、JavaScript DOM对象
DOM简介:当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)
DOM操作HTML:
注意不要在文档加载完之后使用document.write( ); 这会覆盖该文档
通过id、标签名 来寻找HTML元素:
document.getElementByIdx_x("id");
document.getElementsByTagName_r("p"); //寻找相同元素中的第一个
document.getElementByIdx_x("id").src="" ......等等类似用法
DOM操作CSS:
语法:document.getElementByIdx_x(id).style.property=new style
实例:document.getElementByIdx_x(id).style.background="blue"
DOM EvenListener:给元素添加事件句柄(句柄即更改一处的内容,其它一样的内容也会相应作出更改)
addEvenListener():
removeEvenListener() :
6、JavaScript事件详解
HTML事件处理:
DOM0级事件处理:
DOM2级事件处理:
IE事件处理程序:
7、JavaScript内置对象
什么是对象:js中所有的事物都是对象:字符串、数值、数组等,每个对象带有属性和方法
people = new Object(); // object是所有对象的父类,是最大的对象
people.name="";
也可自定义对象,即自定义一个函数。
String字符串对象:字符串可以使用单引号或双引号。
indexOf():在字符串中查找字符串
match():内容匹配
replace()
toUpperCase() / toLowerCase()
strong>split() : 字符串转为数组
Date日期对象:用于处理日期和时间
var date = new Date() ; document.write(date);
Array数组对象:使用单独的变量名来储存一系列值。
Math对象:执行创建的算数任务
8、JavaScript DOM对象控制HTML元素详解
一些方法:getAttribute()等
9、JavaScript浏览器对象
10、Javascript瀑布流
使用js制作动态瀑布流效果
11、JavaScript面向对象详解
12、JavaScript正则表达式