JavaScript学习小结

来源:互联网 发布:知朵女装旗舰店 编辑:程序博客网 时间:2024/05/06 23:55

(1)javascript 是解释型语言 ,无需编译就能运行,这样哪怕有语法错误,没错误的部分还是能正常运行。

(2)引用外部JS文件的好处:1多个页面共享 2,减少网络流量(网站自动优化,加载过的js文件就不会重复的加载了)

(3)如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。使用 "id" 属性来标识 HTML 元素:

(4)

使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

(5)javascript 代码块可以使语句序列一起执行

(6)

JavaScript 对大小写敏感。

 

(7)

在执行过以下语句后,变量 carname 的值将是 undefined:

var carname;

如果重新声明 JavaScript 变量,该变量的值不会丢失

(8)

JavaScript 对象

对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。

JavaScript 中的所有事务都是对象:字符串、数字、数组、日期,等等。

在 JavaScript 中,对象是拥有属性和方法的数据。

(9)

JavaScript 函数

 

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

函数就是包裹在花括号中的代码块,前面使用了关键词 function:

变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

实例

<button onclick="myFunction('Bill Gates','CEO')">点击这里</button><script>function myFunction(name,job){alert("Welcome " + name + ", the " + job);}</script>

 

JavaScript 表单验证

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

被 JavaScript 验证的这些典型的表单数据有:

  • 用户是否已填写表单中的必填项目?
  • 用户输入的邮件地址是否合法?
  • 用户是否已输入合法的日期?
  • 用户是否在数据域 (numeric field) 中输入了文本?

 

 (10)函数的声明

javascript中声明函数的方式

function add(i1 i2)

{

return i1+ i2;

 

}

 

不需要声明返回值的类型,参数类型。函数定义以function开头。

var r=add(1 ,2);

alert(r);

r=add(“你好”,“tom”);

alert(r);

javaScript中不像C#中那样要求所有路径都有返回值。

(11)JavaScript中判断变量、参数是否初始化的三种方法;

var x;

if(x==null)

{

alert("null");

}

if(typedof(x)=="undefingd"){alert('undefined');}

 

if(!x){alert('不X');}

 

 

(12)

匿名函数

 

var f1=function(i1 ,i2){

return i1+i2;

 

}

 

 alert(f1(1,2));//声明一个匿名函数用委托来执行它

(13)面向对象

JAVAScript中没有类的语法,是用函数闭包(Closure)模拟出来的

function Person(name, age){

this.name=name;

this.age=age;

this.SayHell=function(){

alert("你好,我是"+this.name+",我"+this.age+"岁了");

}

}

var p1=new Person("tom",20);

p1.SayHello();  必须要声明类名,function Person(name,age)可以看做是声明构造函数。Name,Age这些属性也是使用者动态添加了。

(14) Array对象

javascript中的Array对象就是数组,首先是一个动态数组,而且是一个像C#中数组、ArrayList、Hashtable等的超强综合体。

var names=new Array();

names[0]="tom";

names[1]="jeremy";

names[2]="lily";

for(var i=0;i<names.length;i++){

alert(names[i]);

}//无需预先制定大小