js

1.引入js  3种方法

1

 

2.<body  οnlοad="_onload()">    body加载完成后(页面中所有的标签被渲染之后)   运行script中的_onload()方法

 

3 document.getElementsById("first")  .innerHTML=“<h1>我的</h1>"

                                                                 .innerText=“<h1>我的</h1>"

区别: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<a.length;  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()  输出到网页上

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值