JavaScript基础

 1JavaScript概念

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方法可返回带有指定标签名的对象的集合。

原文地址:https://www.cnblogs.com/PBDragon/p/3581746.html