Javascript基础1
来源:互联网 发布:js 运行时未定义变量 编辑:程序博客网 时间:2024/06/05 04:00
Javascript基础
Javascript是什么
- 基于事件和对象驱动,并具有安全性能的脚本语言。
- Javascript是和浏览器捆绑在一起的,只要安装了浏览器软件,就已经有了JavaScript。
- 跨平台
- 安全性
Javascript能解决什么
- 表单客户端验证
- 动态HTML(DHTML)
- 用户交互的动画效果:需要鼠标和键入介入的动画效果。
javscript的使用
引入方法
- <script type=”text/javascript”>具体js代码</script>
- <script type=”text/javascript” src=”js文件”></script>
区分大小写(代码大小写敏感)
注释
- 单行注释以双斜杠开头(//)
- 多行注释以单斜杠和星号开头(/),以星号和单斜杠结尾(/)
变量(弱类型)
与 Java不同,ECMAScript 中的变量无特定的类型,定义变量时只用 var 运算符,可以将它初始化为任意值。
- 变量名字命名规则:
php里边:字母、数字、下划线组成,开始有$符号标志,数字不能作为开始内容
js里边:字母、数字、下划线、$符号、汉字等5个组成部分,数字不能作为名字的开始内容。
var color = "red";var num = 25;var visible = true;
常用的两个函数
- window.alert() 或写为 alert() :显示一个提示框显示内容。
- window.document.write() :在网页的当前位置处写内容。
数据类型
- 基本数据类型:字符型(String)、数值型(Number)、布尔型(Boolean)、Undefined(未定义型)、Null(空型)
- 复合数据类型:数组(Array)、对象(Object)、函数(Function)
- 键字typeof可以获取一个变量的类型。
数值型数据(Number)
数值型数据包含整型和浮点型(小数)。
Var a = 100;Var a = 0;Var a = -100;Var a = 0.987;Var a = NaN;
数值型数据有一个特殊的值NaN,它的含义是not a number。用在:将其它类型的数据转成数值型时,转不过来时,将返回NaN。
举例:将a = “abc”; 转成数值时,转不过去,就会返回NaN值
最大:Number.MAX_VALUE;
最小:Number.MIN_VALUE;
无穷大:Number.MAX_VALUE+Number.MAX_VALUE
字符串(String)
用单引号或双引号,引起来的一个字符串
Var a = ‘abc’;Var a = “中国”; //JS中每行语句写完后,以“;”号结束,分号不是必须的,但建议大家写Var a = “1200”; //也是字符串
如果在双引号内再套双引号时,内层的双引号,应该使用转义字符 \”来代表双引号。
如果在单引号内再套单引号时,内层的单引号,应该使用转义字符 \’ 来代表单引号。
转义字符的作用:当浏览器遇到“\”符号时,会将其后的字符进行特殊处理。
var a = "广州传智播客\"PHP\"基础班课程体系";document.write(a);
布尔值(Boolean)
布尔型数据只有两个结果,真或假,是或否;
布尔型数据只有两个值:true或false
var sex=true;var isRead=false;
undefined(未定义型)
当一个变量定义了,但没有赋值,会返回undefined,它的值只有一个“undefined”
null(空型)
当一个对象不存在时,将返回null,null的数据类型的值只有一个null。
变量类型转换
- 数据类型转换
- 第一种:其它类型自动转成数值
自动转换
var a = "abc"; //NaNvar a = true; //1var a = false; //0var a = "100px"; //NaNvar a = "100"; //100var a = undefined; // NaNvar a = null; // 0
强制转换的函数Number()
- 其它类型转成布尔型
自动转换
var a = "abc"; //truevar a = 0; //falsevar a = -100; //truevar a = ""; //falsevar a = "100"; //truevar a = undefined; // falsevar a = null; //false
强制转换的函数Boolean()
- 其它类型自动转成字符型
自动转换
var a = 0; // "0"var a = true; // "true"var a = false; // "false"var a = NaN; // "NaN"var a = 100; // "100"var a = undefined; // "undefined" var a = null; //"null"
强制转换的函数String()
- 从字符串中提取数值
parseInt(str):在字符串中,从左到右提取整数,如遇到非数字数据,则停止提取;
parseFloat(str):在字符串中,从左到右提取浮点数(小数),如遇到非数字数据,则停止提取;
注意:如果要提取的字符串的第一个字符是非数字的,则直接返回NaN。
算术运算符、赋值运算符、字符串运算符
- 字符串运算符:+和+=
“+”就是用来连接前后两个字符串,或者连接变量;
“+”如果它的前后有一个是字符串,则“+”的功能就是“连接”字符串功能;
“+”如果它的前后都是数值时,则“+”的功能就是“加法”运算的功能;
"+="和"+"的用法一样
- 算术运算符:+、-、*、/、%(取余)、++(自身加1)、--(自身减1)
%:两个数相除,取余数;如果余数为0,则两个数能整除。我们一般可以%来判断偶数或奇数;
++:自身加1运算符,有两种表现形式:作前缀(i)、作后缀(i)
var a = i++,含义:先将i的值赋给前面的变量,然后将i的值加1;
var a = ++i,含义:先将i的值加1,然后将结果赋给前面的变量;
赋值运算符:=、+=、-=、*=、/=、%=
三元运算符
语法格式:条件表达式 ? 结果1 : 结果2
说明:当条件表达式为true时,执行“结果1”的代码;如果条件表达式为false时,执行“结果2”代码。
举例:
Var isMarried = false;isMarried ? “已婚” : “未婚”; //如果isMarried的值为true,则输出“已婚”,否则,输出“未婚”
- 比较运算符:>、<、>=、<=、== 、!=、== =、!==
较运算符,是对两个操作数进行比较,比较的结果只有两种可能,分别为true和false
“== ”是等于,只要两个操作数值相等,就返回true,否则返回false
“===”是全等,两个数的值和类型都相等,就返回true,否则返回false
- 逻辑运算符:&&、||、!
- javascript 基础(1)
- javaScript基础学习1
- JavaScript 基础技巧(1)
- javaSCript基础1
- javaScript基础1
- javascript 基础1
- javascript基础1
- javascript基础篇 1
- javascript 基础总结1
- javascript基础(1)
- javascript复习1:基础
- javascript基础---语法1
- JavaScript基础(1)
- javascript基础语法1
- javascript基础1语法
- 【JavaScript】(1)基础语法
- JavaScript基础1
- javascript基础1
- C语言学习入们到精通之学习笔记(二)
- 25分钟掌握Hive基本操作
- grub命令解析
- Android 百度地图开发(一)--- 申请API Key和在项目中显示百度地图
- 预留端口避免占用ip_local_reserved_ports
- Javascript基础1
- hive本地mysql
- Android百度地图开发(一)之初体验
- SAPUI5 学习笔记(1)
- [Java学习日志]图形界面开发练习——绘图板的实现
- Java生成xml——DOM4J生成
- Android上面的百度地图使用步骤
- openjudge 分糖果
- 行走在路上