js

1.引入js  3种方法

1

 

2.    body加载完成后（页面中所有的标签被渲染之后）   运行script中的_onload()方法

 

3 document.getElementsById("first")  .innerHTML=“

我的

"

                                                                 .innerText=“

我的

"

区别：Text不包含其中的标签 ，，，，，，，HTML包括其中的标签

1    输入的时候，都是替换了 原来的元素

      只是  html  能够识别标签   text不能识别标签，会把标签当成文本输出

2   输入的时候， html会把包含的标签输出来 

                               text 仅仅就会把文本内容输出

 

4  输出                     document.write("我的")

警告

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

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

 

所以一般documen.write()写在body里面的script中

5  注释和java一样

 

6数据类型

字符串  数字  布尔    undefine  null    对象  数组

var     js引擎来判断   

变量名字   字母 _ $   符号开头  不能是数字开头

可以把  var   a  = 2       的 a  赋值给                 .innerHTML=a

 

1)          数组声明  var  a = new  Array()                -------------->动态初始化

a[0]=2;

 

var  b = new Array()

数组遍历：

for(   var  i = 0; i

document.write(      a[i]    )

}

静态初始化   

var  a = new Array("first",   "second",  "third")

 

 

2)  对象声明           (name:value)

  var   person={

           name:"feixiaobo"   ,

            age:15      ,

对象中的方法的定义

            test:  function(){

                alert(   this.name ）；

          }

}

访问            document.write(   person.name          )

                        person["name"]

 

要声明具体的 数据类型 

var  a = new  String    Number      Boolean          Object     Array        Undefine      Null

 

声明对象类型的数组

var  persons  = new Array()                 ------------->动态

persons[0]={name:"feixaobo",    age=15};

遍历  persons.length

persons[0].name

 

7  定义有参数的方法   （参数不要加       var)

1. function  fei(   a  , b ){
2.       if(a>b){
3.            return  a;
4.        }else{
5.            return b
6.       }
7. }

 

8比较运算符

==      值                                 ===  类型 和 值

9             条件运算符                       ——》          ？：

if    else  

switch

while 

break   用在  循环和 switch 

continue  用在  循环

 

10

document.getElementById

                  getElementsByTagName()

                  getElementsByClassName()

改变属性内容   getElementsByTagName("p")[0]          .href="www.baidu.com"

 

11.  改变样式

        a.style.color ="blue"

 

12事件 

onLoad   onclick   onblur    onchange   ondblclick         onmouseover    onmousemove    onmouseout

onunload 

 

13添加删除节点

    var  a =     document.createElement("p")         

    a.innerHTML=("0JFLKEJF")

      var   b  =   document.getElementsByTagName("body")[0]

删除    

a.removeChile(b)                父亲  删除 儿子

14  给标签的属性赋值

的两种方式：

_script.setAttribute("src","http")

_script.src=“http"

 

15全局变量

虽然 在方法内部  ，但是没有定义var   所以是全局变量

 

16 json格式

一般的对象        {   "name":"fei"        ,   "age":32}

 

  集合对象                [         {  },     {},]

有集合的对象

 

17 js声明一个对象

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4. 输入 document.write()  输出到网页上