当先锋百科网

首页 1 2 3 4 5 6 7

JavaScript基础知识
一、JavaScript作用
表单验证 - 减轻服务器端压力
实现页面的动态交互
实现页面动态效果
二、JavaScript概述
JavaScript是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言

特点

向HTML页面中添加交互行为
脚本语言 , 语法和Java类似
解析型语言 , 边执行边解释
基本结构

<script type="text/javascript">
<!-
	JavaScript语句
->
</script>

注意:

因为HTML5中type属性默认是text/Javascript,因此HTML5中可以省略type属性

可以在文档中的任何地方 . 一般放在头部或者尾部
三、JS的执行原理
浏览器输入客户端网页
客户端发送包含JavaScript的请求页面至服务器
客户端从服务器端下载含JavaScript的页面
四、引入js的三种方式
使用

五、JavaScript核心语法
变量

使用关键字var,可以先声明再赋值,同时声明和赋值,也可以不声明直接赋值

数据类型

undefined 未定义(无默认值)
null 空值,与undefined值相等
number 包含整数和浮点数
booloean true和false
string 一组引号括起来的文本
Typeof运算符

用于检测变量的返回值

String对象

属性:字符串对象.length
方法:字符串对象.方法名()
charAt(index) 返回在指定位置的字符
indexOf(str,index) 查找某个指定的字符串在字符串中首次出现的位置
substring(index1, index2) 返回位于指定索引index1和index2之间的字符串, [index1,index2)
split(str) 将字符串分割为字符串数组
数组

格式:var 数组名称 = new Array(size);

数组访问与Java相似

常用方法

join( ) 把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔
sort( ) 对数组排序
push() 向数组末尾添加一个或更多 元素,并返回新的长度
常用属性:length 设置或返回数组中元素的数目

运算符号

与Java类似,注意,,==之比较“转化成同一类型后的值”看“值”是否相等, ===如果类型不同,其结果就是不等

逻辑控制语句

与Java类似

注释

单行注释以//开始,以行末结束
多行注释以 指示中间的语句是该程序 中的注释
弹窗提示

alert()

alert(“提示信息”);

prompt()

prompt(“提示信息”, “输入框的默认信息”);
prompt(“请输入你喜欢的颜色”,“红色”);
prompt(“请输入你喜欢的颜色”,"");
语法约定

代码区分大小写

变量 , 对象 和函数的名称

JavaScript的关键字小写
内置对象大写字母开头
对象的名称通常是小写
方法命名规则和Java相同
行末使用分号

六、常用系统函数
parseInt (“字符串”)

将字符串转换为整型数字 ,如: parseInt (“86”)将字符串“86“转换为整型值86

parseFloat(“字符串”)

将字符串转换为浮点型数字 ,如: parseFloat(“34.45”)将字符串“34.45“转换为浮点 值34.45

isNaN()

用于检查其参数是否是非数字

七、自定义函数
定义函数

function 函数名(参数1,参数2...){
//JavaScript语句     
[return 返回值] }
}

调用函数

函数调用一般和表单元素的事件一起使用 , 调用格式 :

事件名= “函数名( )” ;

八、事件
onload 一个页面或一幅图像完成加载
onlick 鼠标单击某个对象
onmouseover 鼠标指导移到某元素上
onkeydown 某个键盘按键被按下
onchange 域的内容被改变