你的位置:首页 > Java教程

[Java教程]JavaScript基础知识逐步理解。


  浅谈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 命名规范
   命名规范及必要性:
    可读性-能看懂;
    规范性-符合规则;
   匈牙利命名法
    类型前缀;
    首字母大写。

还有一些基础后面继续进行随笔,下面把类型转换给大家讲一下:

我们通过计算两个文本框的和来解释它,首先,我们进行代码:

<!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>
运行如下:

这就是数据类型的应用。

也是今天比较重要的一点,希望大家可以理解,后面的知识也会慢慢写出来。