javascript 基础知识
一.javascript的特点
- 浏览器脚本语言,可以跟html代码进行混排
- 跨平台性能优越,可以再windows.linux上进行编写
- 安全性好
- 兼容性好
二.javascrpt 有三大学习目标
- 特效
- 表单验证
- ajax
三.javascript 基础语法
javascript使用场景有四种
- script 标签
<script type="text/javascript">
alert(‘你好‘) //alert在页面弹框中显示内容
<script>
- 外部引入script标签,需要src属性
2.1 创建文件1.js
2.2 在主html文件中通过script标签引入1.js特效文件
<script type="text/javascript src="./1.js></script>
// ./ 代表当前目录 有绝对路径和相对路径写法
3. 元素事件属性
<button onclick=‘func()>按钮</button>
<script type="text/javascript">
function func(){
alert(‘按钮触发‘);
}
<script>
通过点击按钮框,点击动作时onclick,触发了func()函数,实现alert()效果
4.a标签 的href属性
声明一个变量 var 变量名称 例如: var a = 1; 声明a变量是1
<a href="javascript:var a=10;var b=10;alert(a+b);" >连接</a>
四.变量是声明
- 变量的声明可以由字母数字下划线组成
- 首字母是不能为数字的
- javascript是非常严格区分大小写的
- 并且不能关键字,这里的关键字指例如不能使javascript内置函数名称
五.注释
注释过的内容,在最终网页显示上是看不到的,便于给开发人员观看代码说明,也利于其他人员观看,可以通过查看网页源代码进行观看
单行注释 // 内容
多行注释 /* 内容 */
六.数据类型
- 数据类型的分类
boolean(布尔型) string(字符串型) number(数字类型) object(对象) function undefined
number数字类型,在php中有整形和浮点型,在javascript中统称为数字类型,所以nember类型即包含整形也包含浮点型,还有一个特殊的NaN, 没有数值.
NaN和任何一个数值运算得到的值都是NaN.
任何数值和NaN进行比较的时候,返回结果都是false.(!= 和!==)返回的结果是true
检测一个值是否是NaN的时候,可以使用isNaN函数
oject对象 ,包含newObject.newArray,null
七.数据类型转换
- 数据类型转换分为 强制类型转换 和 自动类型转换
1.1强制类型转换:
转换数字有三种
parseInt:如果是纯数值的话,返回的直接是数字类型的值,
如果首字母是数字,则截取到第一个不是数字之前的数字返回
如果首字母不是数字,返回NaN
parseFloat:转换规律和parseInt一致
Number:纯数字转化为纯数字,如果中间有非数字,则直接返回NaN (true = 1 false = 0)
1.1转换为字符串
通过string进行字符串转换,例如 string(123) 转换后‘123‘
1.3 转换为布尔 Boolean
2.1自动类型转换 主要if() 括号内内容会进行自动转换true和false
NaN 意思是note a number,检测是不是NaN类型 isNaN
有数字和字母组成的字符串,转换成int,只去数字阶段
如:var a=‘200abc‘;
var z = parseInt(a);
z=200 parseFloat 同理
转换为false的情况
0,0.0,‘‘,‘0‘,null,new Array(),undefined,NaN,false,function(){}
八.运算符
主要内容:算数\赋值\比较\逻辑\位\其他\字符串连接(+)
在php中字符串连接用.
在javascript字符串连接用+
如 100+‘200‘ 等于的结果是10200
100+200 等于的结果是300
100+200+‘300‘ 结果是300300
‘10‘+(2+1); 结果是103 先算括号里面的
九.流程控制
if(){}
else if(){} 在javascript中else if中间要有空格
switch () 检测值相等,才能执行
十.循环结构
1.for
2.while
3.do...while
4.break
5.continue