js学习笔记(1)
2013-08-21 07:48
246 查看
javascript学习笔记
2013.08.20
ECMAsript:翻译 javascript的核心部分 解释器。几乎没有兼容器问题
DOM:Document Object Model html文档
操作html页面的入口。有一些操作不兼容
BOM:Broswer Object Model
可以操作浏览器本身。和浏览器打交道的操作都叫BOM操作。没有兼容问题(完全不兼容),一般不用。
###############变量类型(1)############
变量的类型:number,string,function,boolean,object,undifined
var a=function()
{
allert('abcd');
};
alert(typeof a); // typeof a 用来检测变量a的类型。
<script>
var a=33;
alert(typeof a); // number
a=document;
alert(typeof a); // object
</script>
一个变量只应该只存放一种数据类型。
###############变量类型(2)############
数据类型转换
例子:计算两个文本框的和
显式类型转换(强制类型转换)
parseInt(), parseFloat()
NaN的意义和检测
隐式类型转换
==、===
减法
NaN:not a number,不是一个数字。
NaN和NaN是不相等的。
isNaN(变量)// 判断变量是不是NaN
<sript>
var a=5;
var b='5';
alert(a==b); //true 先转换类型,再比较
alert(a===b); //false 不转换类型,直接比较
var c='12'
var c='5'
alert(a+b) // 125
alert(a-b); // 7
</sript>
~~~~~~~~~两数求和的源码~~~~start~~~~~~~~~~~~~~~
<!DOCTYPE HTML>
<html>
<head>
<title>js_test</title>
<meta charset="utf-8" />
<script>
window.onload=function ()
{
var oNum1=document.getElementById("num1");
var oNum2=document.getElementById("num2");
var oBtn1=document.getElementById("btn1");
oBtn1.onclick=function ()
{
var oAdd= parseInt(oNum1.value)+parseInt(oNum2.value);
if( isNaN(oAdd))
{
alert("您所输入的不是数字,输入有误!");
}
else
{
alert(oAdd);
}
};
};
</script>
</head>
<body>
<input id="num1" type="text" />
<input id="num2" type="text" />
<input id="btn1" type="button" value="ADD" />
</body>
</html>
~~~~~~~~~~~~~~~~end~~~~~~~~~~~~
#########变量的作用域和闭包#####################
变量的作用域和闭包
变量的作用域(作用和范围)
局部变量、全局变量
什么是闭包
子函数可以使用父函数中的局部变量
之前一直在使用闭包
网上对于闭包的定义不好懂
局部变量、全局变量,这个就不说了。。。
什么叫闭包?
子函数可以使用父函数的局部变量。
<script>
var fun1=function ()
{
var a=5;
var fun2=function ()
{
alert(a);
};
fun2();
};
fun1();
</script>
#########命名规范#####################
命名规范及必要性
可读性--能看懂
规范性--符合规则
2013.08.20
ECMAsript:翻译 javascript的核心部分 解释器。几乎没有兼容器问题
DOM:Document Object Model html文档
操作html页面的入口。有一些操作不兼容
BOM:Broswer Object Model
可以操作浏览器本身。和浏览器打交道的操作都叫BOM操作。没有兼容问题(完全不兼容),一般不用。
###############变量类型(1)############
变量的类型:number,string,function,boolean,object,undifined
var a=function()
{
allert('abcd');
};
alert(typeof a); // typeof a 用来检测变量a的类型。
<script>
var a=33;
alert(typeof a); // number
a=document;
alert(typeof a); // object
</script>
一个变量只应该只存放一种数据类型。
###############变量类型(2)############
数据类型转换
例子:计算两个文本框的和
显式类型转换(强制类型转换)
parseInt(), parseFloat()
NaN的意义和检测
隐式类型转换
==、===
减法
NaN:not a number,不是一个数字。
NaN和NaN是不相等的。
isNaN(变量)// 判断变量是不是NaN
<sript>
var a=5;
var b='5';
alert(a==b); //true 先转换类型,再比较
alert(a===b); //false 不转换类型,直接比较
var c='12'
var c='5'
alert(a+b) // 125
alert(a-b); // 7
</sript>
~~~~~~~~~两数求和的源码~~~~start~~~~~~~~~~~~~~~
<!DOCTYPE HTML>
<html>
<head>
<title>js_test</title>
<meta charset="utf-8" />
<script>
window.onload=function ()
{
var oNum1=document.getElementById("num1");
var oNum2=document.getElementById("num2");
var oBtn1=document.getElementById("btn1");
oBtn1.onclick=function ()
{
var oAdd= parseInt(oNum1.value)+parseInt(oNum2.value);
if( isNaN(oAdd))
{
alert("您所输入的不是数字,输入有误!");
}
else
{
alert(oAdd);
}
};
};
</script>
</head>
<body>
<input id="num1" type="text" />
<input id="num2" type="text" />
<input id="btn1" type="button" value="ADD" />
</body>
</html>
~~~~~~~~~~~~~~~~end~~~~~~~~~~~~
#########变量的作用域和闭包#####################
变量的作用域和闭包
变量的作用域(作用和范围)
局部变量、全局变量
什么是闭包
子函数可以使用父函数中的局部变量
之前一直在使用闭包
网上对于闭包的定义不好懂
局部变量、全局变量,这个就不说了。。。
什么叫闭包?
子函数可以使用父函数的局部变量。
<script>
var fun1=function ()
{
var a=5;
var fun2=function ()
{
alert(a);
};
fun2();
};
fun1();
</script>
#########命名规范#####################
命名规范及必要性
可读性--能看懂
规范性--符合规则
相关文章推荐
- 尚硅谷_JS DOM编程_学习笔记
- js学习笔记:webpack基础入门(一)
- js语言精粹学习笔记(一)
- 【js学习笔记-017】-- 布尔值
- 【js学习笔记-018】-- 包装对象
- 【js学习笔记-026】-- 语句
- js-JavaScript高级程序设计学习笔记1
- js中回调函数的学习笔记
- node.js 学习笔记一
- js学习笔记之基础知识
- extj.js学习笔记
- JavaScript学习笔记(九)—— JS 理解闭包
- 【js学习笔记-078】-----js不能做什么
- Vue.js官网教程: 学习笔记1
- js数据类型,及内存存储学习笔记
- js的DOM编程艺术的学习笔记(一)
- JS事件学习笔记(思维导图)
- js数组操作学习笔记
- JS学习笔记2
- 函数传参和实际应用—JS学习笔记2015-6-5(第49天)