闲暇时看点js基础资料,顺便总结一下
1、js严格区分大小写
2、js是弱数据类型语言,js基本数据类型:
布尔类型、字符串类型、数值类型(整型、实型)、复合数据类型(数组、对象)、特殊数据类型(null、undefine)
通过typeof可以看到变量的数据类型
例如:
var val = 123;
alert(typeof val); //弹出"number"
特殊值
NaN (not a number)
例如:alert(parseInt('abc')); //弹出NaN,parseInt是js内置全局函数,把字符串转为整型
isNaN 检查某个值是否为数字
Infinity(无穷大)
alert(6/0); //弹出Infinity
isFinite //检查某个值是否为有穷大的数
3、字符串中的特殊字符,需要用反斜线来转义
例如:
定义一个变量,其中有引号
var str = "abcd"efg"; //这样会报错
正确方法:var str = "abcd\"efg"; //输出abcd"efg
4、运算符
++和--的用法
b=++a <===> [a=a+1; b=a;]
b=a++ <===> [b=a; a=a+1;]
&&(逻辑与) 和 ||(逻辑或)
逻辑与和逻辑或都可以有多个条件,每次判断都是从左至右依次进行
在使用逻辑与时,若左边的不满足,则后边的代码不再执行;
在使用逻辑或时,若左边的满足,则后边的代码不再执行;
举例说明:
var a = 90;
var b = 60;
if(a>b && ++a>300){
alert("ok");
}else{
alert("no");
}
alert(a); //弹出91,因为逻辑与符号前边的a>b为真,所以继续执行++a>300的判断
if(a<=b || ++a<=300){
alert("ok");
}else{
alert("no");
}
alert(a); //91,因为逻辑或前边的a300
5、promtp() 显示一个输入框
var val = prompt("请输入文字");
alert(val); //会弹出输入的文字
6、addEventListener函数,绑定事件
<'div id="t">Hello World!<' div="">
<'input type="button" value="按钮" id="btn">
<'script>
var btn = document.getElementById("btn");
if(btn.addEventListener){ //判断是否兼容函数
btn.addEventListener("click", myfun);
}else if(btn.attachEvent){
btn.attachEvent("onclick", myfun); //ie8以下使用此函数
}
function myfun(){
document.getElementById("t").innerHTML = "你好世界";
}
<' script="">
上一篇:js实现页面下拉加载更多
下一篇:JavaScript倒计时跳转