初识JS
2015-10-18 23:33
513 查看
JavaSrcipt: 10/13
HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为
一.JS的引用:
(1)页头引入(head标签内); < head > < srcipt type = "text/javasrcipt" > JS代码; < /srcipt> < /head > (2)页中引入(body标签内); < body > < srcipt type = "text/javasrcipt" > JS代码; < /srcipt> < /body > (3)元素事件中引入(标签属性中引入); (4)引入外部JS文件; < srcipt type = "text/javasrcipt" src="JS文件的相对路径">< /srcipt > *可以在文档的任何位置。
二.JS注释(不会被浏览器识别,用来提高代码的可阅读性)
(1)单行注释 //这段文字不会被浏览器识别 (2)多行注释 /*这段文字不会被浏览器识别*/
三.标识符(变量和函数等都需要定义一个名字,这个名字就可以称为“标识符”。)
注:相同的英文字母大小写代表两个不同的标识符。 中文是合法的标识符,但是不推荐使用。 标识符的命名规范: (1)第一个字符必须是字母、下划线(_)或美元符号这3种其中之一,其后的字符可以是字母、数字或下划线、美元符号; (2)变量名不能包含空格、加号、减号等符号; (3)标识符不能和JavaScript中用于其他目的的关键字同名; 变量的声明: (变量是指在程序运行过程中,其值是可以改变的) 语法 var 变量名; var 变量名=值; 例 var a = 5;
四.JavaScript基本数据类型
原始数据类型: (1)number 数值型; 例 var a = 1; (2)string 字符串型; 例 var b = "今天是个好日子"; (3)boolean 布尔类型;值:ture,false; (undefinde,null,false,0,NaN,""空字符串,默认为false); (4)null; 引用一个没有定义的变量,则返回一个null值。 (5)undefined; null与undefined的区别是,null表示一个变量被赋予了一个空值,而undefined则表示该变量尚未被赋值。
五.typeof运算符(主要用来查询某个数据是个什么类型)
例: var a = "今天是个号日子"; document.write(typeof(a)); 输出的值为 String;
六.判断number类常用方法:
(1)isNaN(value); 非数字;is not number 当value为 number时返回false,当 value 不是NUMBER类型时返回true; (2)parseInt(value) 将value转换为整数; (3)parseFolat(value) 将value转换为浮点型;
七.运算符:
JavaScript的运算符按运算符类型可以分为以下5种: (1)算术运算符; + 加,- 减,* 乘,/ 除,% 取余数, 自增运算符: i++指的是在使用i之后,使i的值加1, ++i指的是在使用i之前,先使i的值加1。 自减运算符: i--指的是在使用i之后,使i的值减1, --i指的是在使用i之前,先使i的值减1。 (2)比较运算符; > 大于,< 小于 ,>= 大于等于, <=小于等于 , == 恒等于,!= 不等于,===全等于 可用来判断数据类型是否全相等。 (3)赋值运算符; += a+=b等价于a=a+b -= a-=b等价于a=a-b *= a*=b等价于a=a*b /= a/=b等价于a=a/b %= a%=b等价于a=a%b (4)逻辑运算符; && 逻辑与,若两边表达式的值都为true,则返回true;任意一个值为false,则返回false || 逻辑或,只有表达式的值都为false,才返回false,其他情况返回true ! 逻辑非,若表达式的值为true,则返回false;若表达式的值为false,则返回true (5)条件运算符; 语法: 条件 ? 表达式1 : 表达式2; 如果“条件”为true,则表达式的值使用“表达式1”的值;如果“条件”为false,则表达式的值使用“表达式2”的值。
八.运算符的优先级
!非 > 算术运算符 > 关系运算符 > 逻辑运算符 > 赋值运算符 一般运算符都是冲左向右依次执行, 赋值运算和三元条件运算则是从右忘左依次执行;
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- IE8开发人员工具教程(二)
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- PowerShell中执行Javascript的方法示例
- javascript asp教程第六课-- response方法
- javascript asp教程More About Recordsets