JavaScript

一、简介

 

运行在浏览器中的脚本语言。

脚本语言指：代码不需要编译，直接运行，并且读入一行运行一行。

作用：用来做浏览器的验证，Ajax，富客户端等，javaScript-node.js

位置：1）网页内部

Head标签里

Body标签最后

  <script type="text/javascript"> 

       alert("why");

     </script>

2）外部的.js文件

<scripttype="text/javascript" src="script.js"><!--外部 链接-->

二、js注释

   1、单行注释

//单行注释：这是一段显示脚本

   2、多行注释

/*

 * 多行注释

 * */

三、变量

1、声明

弱类型语言，声明变量时不需要指定变量的类型，只需要使var关键字

  var a;  

2、赋值

Js是一门动态类型的语言，可以给一个变量赋任意典型的值，同时在使用过程中可以任意改变变量的类型

 a=123;

 a=”hello”;

 

 3、声明和变量同时进行

Var b=123;
Var c=”hello”;

 

四、函数

函数也是一个对象，也可以将一个函数给的引用赋值给一个变量

1、函数定义

1）匿名函数

var a=function(){

alert("函数1");

}

 

2）非匿名函数

注： return 有两个作用：a）终止函数的执行

b）将函数的结果返回调用者

     调用函数中不会检查参数类型和个数，从而重载函数,如果函数名相同，后面的会覆盖之前的，以最近的为准

 

function sum(a,b){

var sum=a+b;

alert(sum);

}

 

function a(b,c){

  return b+c;

  

 };

 alert(a(2,2,3));//3没传过去

 

2、函数调用

 a();

sum(2,3);

sum1(13,”abc”,true);

 

五、对象

   1、js中创建对象有两种方式：

1）var obj=new Object();

2)var obj1={};

 

   2、动态的为对象添加属性

obj.name="张三";

obj.age=12;

 

   3、在创建对象时，直接添加属性

<script type="text/javascript">

var b=function(){

        alert("hello");

       };

   var a={

       name:"张三",

       age:"13",

       func:b

   };

   alert(a.name);

   alert(a.age);

    a.func();

</script>

 

 

六、事件

     事件：用户操作网页或者浏览器所发生的交互行为。比如点击按钮，移动等等。

1、直接通过标签的属性来设置,不推荐使用

      

  <button onclick="alert('how are you')">单击</button>

 

2、在<script>标签来设置

 

<button id="btn2">点我2</button>

<script type="text/javascript">

window.onload=function(){

var btn2=document.getElementById("btn2");

btn2.ondblclick=function(){

alert('鼠标双击!');

    }

 }

</script>

或<script type="text/javascript" src="script.js">

 

 

 

 

浏览器加载网页的方式

       1）加载网页代码时是由上到下依次加载的

        2）如果我们在浏览器还尚未加载元素时，那么将无法确定

控制台会报错，解决方法：

       A)将js代码编写到body标签的下边，这种形式不符合使用习惯

       B)将js代码写到window.onload=function(){}中。

 

七、DOM编程——Document Object Model 文档对象模型

1、作用

   通过JavaScript来控制网页中的各种元素，从而使网页可以和用户动态交互的作用

2、操作

       增、删、改、查

3、节点

  元素节点：HTML文档中的HTML标签

属性节点：元素的属性

文本节点：HTML标签中的文本内容    

 4、节点属性

    

  5、document对象

     Document是一个文档节点，代表整个文档，所有的节点都是它的后代节点，它是window的对象的属性，可以直接使用

   6、获取元素节点

       通过document对象调用

          A)getElementById()—通过id属性获取一个元素节点对象

         B)getElementByTagName()—通过标签名获取一组元素节点对象

         C)getElementsByName()—通过name属性获取一组元素节点对象