JavaScript基础知识逐步理解。
2016-04-18 21:46
806 查看
浅谈JavaScript入门基础:
在对JavaScript的内容进行深入研究前,我对JavaScript的基础方面进行一次系统性的整理,下面把这些知识分享给大家。
1 JavaScript的组成:
ECMAScript:解释器--将人类可读可解的语言与计算机语言进行交互,方便计算机运行,方便人类读解。
DOM:Document Object Modle。--通过DOM对HTML进行操作。
BOM:Browser Object Modle。--通过BOM来对浏览器窗口进行操作。
关于三者兼容性问题:
ECMAScript:几乎没有兼容性。
DOM:有一些操作不兼容。
BOM:完全不兼容。(利用较少)
2 (1)变量类型
常见的类型:number,string,boolean,undefined,object,founction。
在用变量时,最好一个变量只放一种类型的数据,避免在代码操作时混乱。
(2)数据类型的转换
例子:计算两个文本框的和(代码在最后)
显示类型的转换(强制类型的转换)
parseint(),parsefloat()
NaN的意义和检测。(not a number)
隐藏类型转换
计算==
减法操作
3 变量作用域和闭包
变量作用域:局部变量,全局变量。
什么是闭包:
子函数可以使用父函数中的局部变量。
之前我们一直在使用闭包。
可以看看网上对闭包的定义。
4 命名规范
命名规范及必要性:
可读性-能看懂;
规范性-符合规则;
匈牙利命名法
类型前缀;
首字母大写。
还有一些基础后面继续进行随笔,下面把类型转换给大家讲一下:
我们通过计算两个文本框的和来解释它,首先,我们进行代码:
产生这种现象的原因是 :“+”号既可以是字符串的链接,也是数字之间的相加,显然,系统进行的字符串的链接。
解决办法很简单,我们通过 parseint(),parsefloat()来解决。
在此看代码(利用if进行了完整化)
。
这就是数据类型的应用。
也是今天比较重要的一点,希望大家可以理解,后面的知识也会慢慢写出来。
在对JavaScript的内容进行深入研究前,我对JavaScript的基础方面进行一次系统性的整理,下面把这些知识分享给大家。
1 JavaScript的组成:
ECMAScript:解释器--将人类可读可解的语言与计算机语言进行交互,方便计算机运行,方便人类读解。
DOM:Document Object Modle。--通过DOM对HTML进行操作。
BOM:Browser Object Modle。--通过BOM来对浏览器窗口进行操作。
关于三者兼容性问题:
ECMAScript:几乎没有兼容性。
DOM:有一些操作不兼容。
BOM:完全不兼容。(利用较少)
2 (1)变量类型
常见的类型:number,string,boolean,undefined,object,founction。
在用变量时,最好一个变量只放一种类型的数据,避免在代码操作时混乱。
(2)数据类型的转换
例子:计算两个文本框的和(代码在最后)
显示类型的转换(强制类型的转换)
parseint(),parsefloat()
NaN的意义和检测。(not a number)
隐藏类型转换
计算==
减法操作
3 变量作用域和闭包
变量作用域:局部变量,全局变量。
什么是闭包:
子函数可以使用父函数中的局部变量。
之前我们一直在使用闭包。
可以看看网上对闭包的定义。
4 命名规范
命名规范及必要性:
可读性-能看懂;
规范性-符合规则;
匈牙利命名法
类型前缀;
首字母大写。
还有一些基础后面继续进行随笔,下面把类型转换给大家讲一下:
我们通过计算两个文本框的和来解释它,首先,我们进行代码:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script> function dianji(){ var shuzione=document.getElementById("shuzi1"); var shuzitwo=document.getElementById("shuzi2"); var zonghe=document.getElementById("he"); alert(shuzione.value+shuzitwo.value)
} </script> </head> <body> <input type="text" id="shuzi1" /> <input type="text" id="shuzi2" /> <input type="button" value="求和" id="he" onclick="dianji()"> </body> </html> 运行后我们计算1+2发现,得出来的结果是12;如图
产生这种现象的原因是 :“+”号既可以是字符串的链接,也是数字之间的相加,显然,系统进行的字符串的链接。
解决办法很简单,我们通过 parseint(),parsefloat()来解决。
在此看代码(利用if进行了完整化)
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script> function dianji(){ var shuzione=document.getElementById("shuzi1"); var shuzitwo=document.getElementById("shuzi2"); var zonghe=document.getElementById("he"); var n1=parseInt(shuzione.value); var n2=parseInt(shuzitwo.value); if(isNaN(n1) )
//isNaN判断它是否是一个数字//
{ alert("你输入的第一个数字有误"); } else if(isNaN(n2) { alert("你输入的第二个数字有误"); } else{ alert(n1+n2); } } </script> </head> <body> <input type="text" id="shuzi1" /> <input type="text" id="shuzi2" /> <input type="button" value="求和" id="he" onclick="dianji()"> </body> </html> 运行如下:
。
这就是数据类型的应用。
也是今天比较重要的一点,希望大家可以理解,后面的知识也会慢慢写出来。
相关文章推荐
- 两个JavaScript的截取类substring和slice
- 关于Javascript的使用参考
- js函数4-闭包
- nsjson to nsdictionary
- js中构造函数的相关知识点
- 利用JavaScript 的formdata 进行无刷新上传文件
- js 滑窗
- javascript学习笔记 - 面向对象 理解对象
- 最近积累的JS 东西,分享一下
- js中事件(自定义事件)
- javascript中的数组
- JavaScript和Java的区别
- Javascript四种单体模式
- jstl标签
- 面向对象在javascript中的三大特征之继承
- 2016.4.18(js—对象基础学习笔记)
- Javascript url 小逻辑
- JavaScript中的对象查找
- js用数组实现级联列表
- javascript的document中的动态添加标签