JavaScript入门+和数据类型介绍

JS概念JS是一种轻量级的、基于对象、跨平台、事件驱动式、客户端脚本语言轻量级就是只这种不需安装浏览会内置一个JS的解释器基于对象面对对象的纯度没有Java这种纯面向对象语言那么高class 由类产生 对象js中没有class概念 却可以创建 对象跨平台js可以运行在html、web服务器服务器、pc、平板电脑、智能手机。客户端脚本语言脚本语言有两种一种是服务器端php另一种是客户端事件驱动事件驱动也叫事件触发由事件触发执行某段js代码(Object)对象计算机之外的世界现实世界由一个物质世界任何一个物体或事务都有与之相关的属性和行为相关联。当我们描述每一个对象时通常会说某某某的重量某某某的身高某某某的年纪某某某的微笑。这是一种很合适的逻辑能够清楚而准确的描述主体与附属在主体上的属性。在计算机中程序就是人的思维谁写的程序这个程序主是谁思维为了计算机程序逻辑更合理再容易理解和使用让程序代码更接近人的思维就将现实世界中的对事物的描述引入计算机世界形一种语法结构。为什么要使用JSJS诞生最主要的原因是解决浏览器数据验证的问题网面上有很绚丽的特效滚动文字和一些动态的内容都是让js形成。提高了用户访问网站的体验增加网站对用户的吸引。JS能作什么1、可以动态生成HTML元素2、可以动态更改HTML元素的内容3、可以动态更改HTML元素的属性4、可以动态更改HTML元素的CSS样式5、AJAX(就业班)script/script标签常用属性type: 定义当前文档与被引入该当的关系取值:text/javascript //此脚本语言为javascript如果省略浏览都会默认为javascript脚本语言href: 被引入外部资源language取值javascriptscript language”javascript”/script //此属性被W3C弃用script/script标签可以们于文档中任何位置强烈建议书写在head标签中js的语法规则1、js是大小写敏感的2、js每条语句后都可以使用”;”表示语句结束为了代码完善与强建强烈建议每条语言使用”;”结束JS的阻塞加载与执行效率1、HTML文档是自由而下一行一行执行的当head标签中有对js代码的引入此请求发出后且得到答应后才会渲染(显示)body标签中的内容2、不要将一个js分成多个文件书写会增服务器负担增加http请求次数JS的引入方法1、外部引入script type”text/javascript” href”js文件名”/script一个script标签要么引入外部js文件要么书写内部js代码2、内部引入script type”text/javascript”//js代码/script3、行内引入div onclick”clickme()” onmouseover”startMove()”divjs的注释有二种1、单选注释//注释内容2、间行或多行注释/*注释内容*/数据类型计算机最主的功能是使用程序来处理并显示数据。程序只有两部分一是代码另一个是数据。在计算机信息就叫数据。数据有三种来源用户输入从数据库读取程序生成。姓名zhangsan年龄28性别男婚否未婚成绩90在js中数据分为三大类八小类一、基本数据类1、数值型(number)a、整型(integer) 整数例: 30 20 100 0xfff(十六进制) 012743(八进制)取值可以是任何数值 100 2200两个特殊的值NaN: Not a Number 不是一个数Infinity 无穷大b、浮点型(float) 小数例23.87 45.65取值任何小数2、字符型(string)就是使用双引号或单引号括起来的一串字符例 “zhangsan” ‘zhangsan’ ‘30’ “20”取值任何带引号的字符串var a’’;3、布尔类型(boolean)就是表示事物两种状态是非、对错、真假取值true、false布尔类型让程序具有了判断能力二、特殊数据类型undefined 未定义取值undefined;null 空三、复合数据类型基本数据类型的组合a、数组 (array)一组有序数据组的组合例:var arrA[1,2.3,true,false,’zhangsan’];b、对象 (object)var objA{name:’zhansan’,age:28,sex:’男’,marriaged:true};c、函数 (function)function 函数名(){//函数体函数所完成功能的代码}变量程序主是取得数据并进行处理。取得数据后数据需要有一个存储的位置。变量就是内存中临时存放数据的空间。内存中每个存放数据的空间都会有一个名子这个名子叫变量名。变量的定义语法1、var 变量名; //声名一个变量var是系统关系字用于定义变量例var name;name”zhangsan”;2、var 变量名值; 在声名变量时直接为变量赋值(变量初始化)3、var 变量名变量; 使用已有的变量为变量赋值“”此符号叫赋值符号将赋值符号右边的数据赋值给左边的变量var xyuen200; //此种方法错误变量的命名规则1、变量名只包含字母、数字、_(下划线)2、变量名只能以字符和_开头3、变量名不能是js语言中的关键字或保留字变量命名方法匈牙利命名法变量类型变量名例objDiv iAge bMarriaged驼峰法小驼峰myFirstName大驼峰var MyFirstName变量的类型JS是一种弱数据类型语言变量的类型由其所存储的数据所决定。typeof 返回一个变量的类型window.alert(); window对象的alert方法作用弹出一个警告窗口窗口显示信息window.write(); window对象的write方法作用是在文档中输出内容window.prompt(para1,para1); window对象的prompt方法作用是与用户进行交互并将用户输入的数据返回整型(integer、int)对于整数据typeof会返回number运算符1、赋值运算符“”、、-、*、/、%赋值运算符例 var myname”zhangsan”var n1100;var resultn1; 等介于 resultresultn1;resultresultn1; resultn1n1-100 n1n1-100;n1*100 n1n1*100;n1/100 n1n1/100;n1%100 n1n1%100;2、数值运算符、-、*、/、%(取余或取模)var n130;var n220;var sumn1n2var sum3050; //完全使用”字面值”无意义%取两个数相除的余数主要是判断一个数是否为别一个数的整数倍判断一个数是否为偶数或奇3、字符运算符 字符串连接运算符主要看””参与操作的两个操作数是否有字符型数据如果有就将另一个数据转换为字符型进行字符连接操作如果一个字符串中包含双引号那么这个字符串需要使用单引号括起来var str1’abcd”bcd’;如果一个字符串中包含单引号那么这个字符串需要使用双引号括起来var str2”abcd’bcd”;如果全用js向文档中输出标签元素需要将标签元素组织成js的字符串JS中的转译符代码 输出\ 单引号\ 双引号\ 和号\\ 反斜杠\n 换行符\r 回车符\t 制表符\b 退格符\f 换页符转译符作用就是输出一些无法通过键盘输入的字符和将一个功能性的符号转换掉4、比较运算符、、、、!、、、!比较运算符最终的结果只有两个值true或false当比较的式子成立时返回true当比较的式子不成立时返回false判断两个操作数是否相等 判断两个操作数的值全等 判断两个操作数是否全等 判断两个操作数的值和类型是否同时相等!不全等 判断两个操作是的类型或值只要有一个不等则为true条件表达式将现实中的条件转换为计算机可以判断的式子就叫条件表达式条件表达式的最终结果是一个boolean值或可以转换为boolean值5、逻辑运算符逻辑运算符是对多个表达式进行计算、||、!逻辑与真值表exp1(表达式1) exp2(表达式2) result结果exp1 exp2 true false falseexp1 exp2 false true falseexp1 exp2 false false falseexp1 exp2 true true true注意当逻辑与运算符两边的表达式都为真时结果为真||逻辑或exp1(表达式1) exp2(表达式2) result结果exp1 || exp2 true false trueexp1 || exp2 false true trueexp1 || exp2 false false falseexp1 || exp2 true true true注意当逻辑或运算符两边的表达式至少有一个表达式为true结果为true!逻辑非exp表达式 result结果!exp true false!exp false true逻辑短路当逻辑或表达式左边的表达式结果为true时就不会再去计算右边的表达式当逻辑与表达式左边的表达式结果为flase时就不会再去计算右边的表达式