输出
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();