初识JavaScript
1)什么是javaScript
1)javaScript是一种基于对象和事件驱动、并具有安全性能的脚本语言:(解释执行的)
编译执行:源代码-----》中间文件(Java 字节码文件 C# MSIL)----》特定语言的虚拟机()
解释执行:源代码------》浏览器引擎 V8
2)javaScript特点
向HTML页面中添加交互行为
脚本语言,语法和java类似
解释性语言,边执行边解释
3)javaScript组成
4)javaScript的基本结构
5)小案例
运行结果:
6)JavaScripe执行原理
2)网页中引用JavaScript的方式
1)外部JS文件
<script src="export.js" type="text/javascript"> </script>
1)小案例:
运行结果与上述一样
2)直接在HTML标签中
<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert("欢迎你");"/>
JavaScriptd的組成:
3)JavaScript核心语法
1)先声明变量再赋值
var - 用于声明变量的关键字
width - 变量名
var width; width=5;
这里如果赋值的是整数形式,那返回值类型就是数值形式,赋值字符就返回字符形式
2)同时声明和赋值变量
var catName = "很皮";
var x,y,z =10 ;
3)不声明直接赋值 !!!!
width = 5 ; 不建议使用
经验:变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用
4)数据类型:
1.undefined var width ; 变量width 没有初始值,将被赋值undefined
2.null 表示一个空值 与 undefined 值相等
3.number var iNum=23; 整数 var iNum=23.0; 浮点数
4.boolean true 和 false
5.string 一组被引导 ( 单引号或双引号 ) 括起来的文本 var string1="This is a string";
6.Object
5)typeof运算符
typeof检查变量的返回值
typeof运算符返回值如下
1.undefined : 变量被声明后,但未被赋值
2.string :用单引号或双引号来声明的字符串
3.Boolean :true 和 false
4.number : 整数或浮点数
5.object : javascript中的对象、数组 和 null
运行结果:
6)String 对象
属性:字符串对象.length var str="this is javaScript"; var strLeng=str.length; //长度是18
方法:字符串对象.方法名();
6)数组:
创建数组:
var 数组名称 = new Array(size);
为数据元素赋值:
var fruil = new Array(“xx”, "xx" , “xx”);
fruil[0]="xxx";
数组的常用属性和方法:
运行结果:
详细属性和方法请参考文档
http://www.w3school.com.cn/jsref/jsref_obj_array.asp
7)运算符号:
逻辑控制语句:if 条件语句
8) 逻辑控制语句:switch语句
9) for , while , for in 循环语句:
10) 循环中断:
11)注释
单行注释 //
多行注释 /* */ 快捷键 ctrl+shift+/
12)常用的输入/输出
alert();
alert(“提示信息”);
13) 语法约定:
1.代码区分大小写
2.变量,对象和函数的名称
3.分号 用于结束一句代码
4)程序调试
5)JavaScript 常用语法---函数
什么是函数:
函数的含义:类似于Java中的方法,是完成特定任务的代码语句块
使用更简单:不用定义属于某个类,直接使用
函数分类:系统函数和自定义函数
常用系统函数:
parseInt("86"); 将字符串转换为整形数字
parseFloat("33.33"); 将字符串转换为浮点型数字
isNaN(); 用于检查其参数是否是非数字:函数用于检查其参数是否是非数字,
语法如下:
isNaN(‘x’); 如果 x 函数是特殊非数字,则返回true 否则返回 false 例如: isNaN(“123”);
自定义函数
function 函数名 (参数1,参数2,参数3)
{
//javascript 语句
return 返回值 可有可无
}
调用函数:
函数调用一般和表单元素的事件一起使用,调用格式
事件名 = “函数名()”;
调用有参函数:
变量的作用域:
事件: