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

这就是数据类型的应用。

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

				
时间: 2024-10-19 08:24:29

JavaScript基础知识逐步理解。的相关文章

Javascript基础知识5

不要把相等运算符(==)与赋值运算符(=)搞混. 以&&运算符隔开的两个条件中的前者为错,则不会检测第二个条件的真假.利用这一点,可以提高脚本的速度. 使用带switch的多个条件 if(button=="next") window.location = "next.html"; else if(button=="previous") window.location = "pre.html"; else if(

javascript 基础知识

javascript 基础知识编程规范注释 //驼峰对象化编程 数据类型字符串.数字.布尔.数组.对象.Null.Undefined定义 var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; 字符串 var word = "Hello World!"; 数字 var x1 = 34.00; //使用小数点来写 var x2 =

JavaScript基础知识梳理--数组

JavaScript基础知识梳理--数组 1.创建方法 空数组:var obj=new Array(); 指定长度数组: var obj=new Array( size ); 指定元素数组 :  var obj=new Array( 元素1,元素2,....): 单位数组:var obj=new Array[ 元素1,元素2,元素3,...,元素N]; 多维数组:var a=new Array( [数组1],[数组2],[数组3],...,[数组N] ); 2.基本操作 存取数组元素: 单维数组

(1)JavaScript基础知识

Javascript基础知识 1.如何使用JavaScript (1).通过<script></script>中直接编写 (2).通过<script src='目标文档的URL'></script>链接外部的Js文件 ① <script  src="URL" type="text/javascript" charset="utf-8"></script> (3).作为某个元素

Javascript基础知识4

字符串大小写转换 toUpperCase()将所有的字符串转换成大写 toLowerCase()将所有的字符串转换成小写 substring(x,y)返回字符串的一部分,从x开始到y结束 charAt(x)获取第x个字符 indexOf("",x)查找字符串, 第一个内容是字符串,第二个是从第x开始 得到的值为这个字符串是从第几个字符开始的 同样lastindexOf()从最后开始查找 split("")分离字符串,内容为以什么分离, 得到的是一个数组 同理,将一个

JavaScript基础知识梳理----正则表达式

JavaScript基础知识梳理----正则表达式 1.创建 方式:---字面量:var 变量名=/表达式/模式修饰符 ---构造函数:var 变量名=new RegExp(“表达式”,“模式修饰符”) 说明: 表达式 单个字符和数字 . 匹配除换行符之外的任意字符 [a-z0-9] 匹配方括号中的任意字符 [^a-z0-9] 匹配不在方括号中的任意字符 \d 匹配数字 \D 匹配非数字 \w 匹配字母 \W 匹配非字母 空白字符 \0 匹配null字符 \b 匹配空格符 \f 匹配进纸符 \n

javascript 基础知识1 数据类型

首先javascript是一种具有面向对象能力的,解释型程序设计语言. js对大小写敏感,一定要采取一致的字符大小写形式,在js中的结束分号(:)是可选的,为了避免JS语句错误,我们还是要注意添加,养成良好的编写习惯. 下面看看数据类型和值. JS有7种数据类型:字符串.数字.布尔.数组.对象.Null.Undefined 字符串类型:由Unicode字符,数字,标点符号组成的序列,可以为多个字符,也可以为0个字符. 1 <script> 2 // var用于声明一个变量 3 var stri

javascript基础知识拾遗

1 下面列出的值被当作假 false null undefined '' 0 NaN 其它所有值被当作是真 console.log(undefined || true); //true console.log(0||true); //true console.log(''||true); //true console.log(false||true); //true console.log(null||true); //true console.log(NaN||true); //true co

JavaScript基础知识3

JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里 JavaScript基础知识3