js笔记

输出

document.write();将内容写到HTML文档中
innerHTML 写入到HTML元素中
window.alert();弹出警告框
console.log(); 日志

<script type="text/javascript" >
    window.alert("dd");
    document.getElementById("innertest").innerHTML="dd";
    var i=10;
    console.info(i);
    document.write("d");
</script>

---

#

---

加载时间问题（执行所有html后再执行js）

（1）defer 在<script>中加入， 表示加载完html再执行js,
（2）或者是window.οnlοad=function(){
}
（3）把代码放到文档 元素后面

---

js的选择器

---

window与document的区别

---

选择器

var name=document.getElementsByName("name");

for(var i=0;i<name.length;i++){
    alert(name[i].innerHTML);
}

变量

数字字母下划线$组成
不能数字开头

变量作用域

全局变量

定义在函数体外

局部变量

在函数体中

demo

send();
    var a=null;
    function send(){
        var a="javascript---";
        var b="局部变量";
        alert(a+b);//输出javascript---局部变量
    }
    alert(a);//输出null
//------------------------------------------------
send();
var a;
    function send(){
        a="javascript---";
        var b="局部变量";
        alert(a+b);//输出javascript---局部变量
    }
    alert(a);//输出javascript---
//---------------------------------------------------
send();
var a="d";
    function send(){
        a="javascript---";
        var b="局部变量";
        alert(a+b);//输出javascript---局部变量
    }
    alert(a);//输出d

基本数字类型

Number，String，Boolean Null， Undefine ， Object
NaN ，非数值，是一个特殊的值，这个值用于表示本来一个要表示返回数值的操作数，未返回数值的情况 比如 0/0
isNaN（）判断是否 不是数字

数值转换

parseInt(),parseFloat(),Number() 转换为数值类型

  var a="d";
   alert(isNaN(a));//true
//--------------------------------------------
 var a="10";
   alert(isNaN(a));//false
//--------------------------------------------
    var a="10";
    var b="10.03";
    alert(Number(a));//10
    alert(Number(b));//10.03
    alert(parseInt(a));//10
    alert(parseInt(b));//10
    alert(parseFloat(a));//10
    alert(parseFloat(b));//10.03
//----------------------------------------------

自动转换

加号向字符串转换 其他向数字转换

var a="我";
  var b="123";
  var c=1;
  var d="ddFF"
  alert(b-c);//122
  alert(b+c);//1231
  alert(a-c);//NaN
  alert(a.toUpperCase()+d.toUpperCase());//大写。。输出我DDFF
  alert(a.toLowerCase()+d.toLowerCase());//小写。。输出我ddff

对象类型

var obj=new Object（）;等同于var obj={}
数组
var a=new   Array();等同于 var  a=[]

typeof  返回 类型

数组声明方式
（1）
var arr=new Array();
(2)
var arr=new Array();
(3)
var arr=[1,2,4,6]

二维数组
var arr=[1,2,[2,34,4]]

Date()获取时间

对象和方法

  var person={"a":12,"b":"bval"};
  alert(person.a);
  alert(person.b);



  var person=new Object();
  person.a="1222";
  person.c="dd";
  alert(person.a);
  alert(person.c);

构造函数
  function person(firstname,lastname,age,eyecolor)
    {
        this.firstname=firstname;
        this.lastname=lastname;
        this.age=age;
        this.eyecolor=eyecolor;


    }

    var p=new person("1",2,3,4);
    alert(p.firstname);
    alert(p.age);


//对象定义方法

    var person={"sex":"男","name":"健健","f":function ff(){
        alert("这是对象方法");
    }};

    function sport(name){
        alert(name+"喜欢打篮球");
    }

    sport(person.name);
    person.f();


var person=new Object();
    person.a="1222";
    person.c="dd";
    person.p=function f(){
        alert("对象方法");
    };
    alert(person.a);
    alert(person.c);
    person.p();