JavaScript基础
1、JavaScript概念
A、JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,如响应用户的各种操作。完整的JavaScript由3个不同部分组成:核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。
JavaScript常被简称为JS。
B、JavaScript是解释型语言,无需编译就可以运行。
2、JavaScript入门
A、JavaScript结构
<script type="text/javascript">
a = ‘Dragon‘;
alert(a);
</script>
3、JavaScript引用外部JS文件
A、<script src="JScript1.js" type="text/javascript"></script>
4、JavaScript事件
A、<a href="javascript:alert(‘Dragon‘)" > Dragon </a>
B、<input id="Button1" type="button" onclick="alert(‘Dragon‘)" value="button" />
注:只有在超链接href中使用JavaScript时,需要加“JavaScript:”解释JavaScript代码。和http:、ftp:等一样的网络协议。交由JavaScript引擎处理。
5、JavaScript变量
A、JavaScript使用单引号或双引号声明字符串。
B、JavaScript中有null、undefined两种特别的变量值。Null表示变量的值为空,undefined 表示变量没有指向任何对象,未初始化。
C、JavaScript的变量声明方式为:var i = 0;声明变量。在JavaScript中变量是没有类型区分的。
6、JavaScript调试
A、使用vs2008以上版本可以对JavaScript进行断点调试。
7、判断变量初始化
A、JavaScript判断变量、参数是否初始化的三种方法:
1、第一种方法
var x;
If(x== null)
{
alert(“null”);
}
2、第二种方法
If(typeof(x) ==“undefined”)
{
alert(“undefined”);
}
3、第三种方法:
If(!x){alert(‘不x’)}
8、JavaScript声明函数
A、声明函数的方法:
不需要声明返回值类型、参数类型。函数定义以function开头。
Function add(i1,i2)
{
Return i1+i2;
}
9、JavaScript匿名函数
A、用委托来指向函数
var f1= function(i1+i2){
return i1+i2;
}
Alert(f1(1,2));
10、JavaScript面向对象
A、JavaScript中没有类的语法,是用函数摸拟出来的。
B、定义方式:
Function Person(name,age){
this.name = name;
this.age = age;
this.SayHello = function(){
alert(“你好,我是”+this.name+“,我”+this.age+“岁了”);
}
}
var p1 = new Person(“tom”,20);
P1.SayHello();
11、Array对象
A、JavaScript中的Array对象就是数组,而且是一个动态数组。
var names = new Array();
names[0] = “tom”;
names[1]= “jerry”;
names[2]= “dragon”;
for(var i=0,i<names.length;i++){
alert(names[i]);
}
12、JavaScript中的Dictionary
A、JavaScript可以用Array定义字典。
var dict = new Array();
dict[“人”] = “ren”;
dict[“手”] = “shou”;
alert(dict[“手”]);
13、Array的简化声明
A、var arr = [3,5,7,9];
B、var arr = {“tom”:30, “jerry”:50}
14、获取对象的成员
A、for(var e in document) {
alert(e);
}
15、DOM概念
A、DOM是HTML页面模型,将每个标签都做为一个对象,JavaScript通过调用DOM中的属性、方法对网页中的元素进行控制。JavaScript与DOM就是C#与.NET Framwork的关系。
B、CSS+JavaScript+DOM = DHTML。
16、动态设置事件
A、定义函数
Function f1(){
Alert(“1”);
}
B、调用事件
<input type = “button” onclick = “document.ondblclick f1” value="button"
17、window对象
A、window对象代表当前浏览器窗口,使用window对象的属性、方法的时候可以省略window,如window.alert(‘dragon’)可以省略成alert(‘dragon’)。
B、alert方法,弹出消息对话框。
C、confirm方法,显示“确定”、“取消”对话框,可以点击“确定”就返回true,否则flase。
if (confirm(‘你还继续吗?‘)) {
alert(‘是‘);
}
else{
alert(‘否‘);
}
D、重定向到指定的页面: navigate(‘HTMLPage2.htm‘);
E、setInterval每隔一段时间执行指定的代码,第一个参数为字符串,第二个参数为间隔时间(单位毫秒)
setInterval("alert(‘你好!‘)", 1000);
F、setTimeout定时执行,但是setInterval是重复定时执行。
18、body、document对象的事件
A、onload:网页加载完毕时触发。
B、onunload:网页关闭后触发。
C、onbeforeunload:在网页准备关闭后触发。
19、window对象的属性
A、重定向到网址: location.href。
B、刷新页面: location.reload()。
20、Document 对象
A、每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。
B、write 方法可向文档写入 HTML 表达式或 JavaScript 代码。
C、getElementById方法可返回对拥有指定 ID 的第一个对象的引用。
D、getElementsByName方法可返回带有指定名称的对象的集合。
E、getElementsByTagName方法可返回带有指定标签名的对象的集合。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。