JavaScript
JavaScript基础
什么是JavaScript?
JavaScript是一种基于对象和事件驱动的 , 并具有安全性能的脚本语言
JavaScript的特点
向HTML页面中添加交互行为
脚本语言 , 语法和Java类似
解析型语言 , 边执行边解释
JavaScript基本结构
语法
<script type="text/javascript">
<!--JavaScript 语句;-->
</script >
JavaScript显示数据
<body>
<script type="text/javascript">
document.write("初学JavaScript");
document.write("<h1>Hello,JavaScript</h1>");
</script>
</body>
页面上就会显示write方法里写进去的两句话
网页中引入JavaScript的方式
使用<script ->标签
外部JS文件
<script src="export.js" type="text/javascript"></script>
直接在HTML标签中
<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>
变量
先声明变量再赋值
var width;
width = 5;
同时声明和赋值变量
var catName= “狂神”;
var x, y, z = 10;
不声明直接赋值
width=5;
数据类型
- undefined var width; 变量width没有初始值,将被赋予值undefined
- null 表示一个空值,与undefined值相等
- number var iNum=23; //整数 var iNum=23.0; //浮点
- boolean true和false
- string 一组被引号(单引号或双引号)括起来的文本 var string1=“This is a string”;
弹窗提示
- alert
alert(“提示信息”); - prompt()
prompt(“提示信息”, “输入框的默认信息”);
prompt(“请输入你喜欢的颜色”,“红色”);
prompt(“请输入你喜欢的颜色”,"");
语法约定
- 代码区分大小写
- 变量 , 对象 和函数的名称
1.JavaScript的关键字小写
2.内置对象大写字母开头
3.对象的名称通常是小写
4.方法命名规则和Java相同 - 分号
JavaScript的函数
- 函数的含义 : 类似于Java中的方法 , 是完成特定任务的代码语句块
- 使用更简单 : 不用定义属于某个类 , 直接使用
- 函数分类 : 系统函数和自定义函数
常用的系统函数
- parseInt (“字符串”)
将字符串转为正型 - parseFloat(“字符串”)
将字符串转换为浮点型数字 - isNaN()
用于检查其参数是否是非数字
自定义函数
定义
function 函数名(参数1,参数2,参数3){
//JavaScript语句
[return 返回值]
}
可定义有参或者无参函数,返回值可有可无
调用
事件名= “函数名( )” ;
调用无参函数
function study( ){
for(var i=0;i<5;i++){
document.write("<h4>欢迎学习JavaScript</h4>");
}
}
<input name="btn" type="button" value="显示五次" onclick="study( )" />
当点击按钮的时候,就会调用study()函数,在网页上打印5次"欢迎学习JavaScript"
调用有参函数
function study(count){
for(var i=0;i<count;i++){
document.write("<h4>欢迎学习JavaScript</h4>");
}
}
<input name="btn" type="button" value="请输入显示欢迎学习JavaScript的次数" onclick="study(prompt('请输入显示欢迎学习JavaScript的次数:',''))" />
单击此按钮时,调用函数study (count ),执行函数体中的代码
事件
名称 | 说明 |
---|---|
onload | 一个页面或一幅图像完成加载 |
onlick | 鼠标单击某个对象 |
onmouseover | 鼠标指导移到某元素上 |
onkeydown | 某个键盘按键被按下 |
onchange | 域的内容被改变 |
数据类型
名字 | 说明 |
---|---|
undefined | var width; 变量width没有初始值,将被赋予值undefined |
null | 表示一个空值,与undefined值相等 |
number | var iNum=23; //整数 var iNum=23.0; //浮点数 |
boolean | true和false |
string | 一组被引号(单引号或双引号)括起来的文本 var string1=“This is a string”; |
Typeof运算符
- typeof检测变量的返回值
- typeof运算符返回值如下:
- undefined : 变量被声明后 , 但未被赋值
- string : 用单引号或双引号来声明的字符串
- boolean : true 或 false
- number : 整数或浮点数
- object : javaScript中的对象 , 数组 , 或null
String对象
方法名称 | 说明 |
---|---|
charAt(index) | 返回在指定位置的字符 |
indexOf(str,index) | 查找某个指定的字符串在字符串中首次出现的位置 |
substring(index1, index2) | index2) |
返回位于指定索引index1和index2之间的字符串 | [index1,index2) |
split(str) | 将字符串分割为字符串数组 |
数组
数组中常用的方法
join()
把数组的所有元素放入一个字符串,通过一个的分隔符 进行分隔
sort()
对数组排序
push()
向数组末尾添加一个或更多 元素,并返回新的长度