JavaScript基础

Posted 2020-10-31 yrhong

一.javaScriipt的基本结构:
<script type="text/javascript">
<!--
javaScript语句
-->
</script>

二.在网页中使用JavaScript的方式:
1.使用<script>标签 <script>document.write("输出helloWorld");</script>
2.使用外部JavaScript文件 <script src="";type="text/javascript"></script>
3.直接在html标签中 <innput name="btn" type="button" value="弹出消息框" onclick="javascript:alert("欢迎你");">

三.变量的声明和赋值
语法:var 合法的变量名
命名规则与java的命名规则相同:由字母、下划线、数字和“$”符号组成,但首字母不能是数字,并且不能使用关键命名
注意点:javaScript区分大小写，大小写不同的变量名将表示不同的变量
另外JavaScript是弱类型语言,所以允许不声明变量而直接使用，系统将会自动声明该变量 x=88;

四.数据类型
undefined(未定义类型) null(空类型) number(数值类型) String(字符串类型) boolean(布尔类型)
JavaScript提供typeof()运算符来判断一个值或者变量的数据类型

五.数组
语法:var 数组名称=new Array(size) size是数组的总数 用整形表示
为数组赋值:
1. var fruit=new Array("apple","orange","bananaer"); 2.var fruit=new Array(2);fruit[0]="apple";fruit[1]="orange";
3. var fruit=["apple","orange","bananer"];
数组常用的属性和方法:
length:设置或返回数组中元素的数目

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

六:运算符
1.算数运算符+、-、*、/、%%、++、--
2.比较运算符>、<、>=、<=、==、!=
3.逻辑运算符&&、||、!
4.赋值运算符=

逻辑控制语句:
1.条件结构
if(表达式){
//JavaScript语句1;
}
else{
//JavaScript语句2;
}

2.选择结构
switch(表达式){
case 值1:
//JavaScript语句1;
break;
case 值2:
//JavaScript语句2;
break;
default:
//JavaScript语句N;
break;

3.循环结构:
JavaScript的循环结构有for循环、while循环、do-while循环、for-in循环
前3中与Java中的循环结构的用法相同

for(初始化;条件;增量或减量){
//JavaScript语句
}

while(条件){
// JavaScript语句;
}

do{
//JavaScript语句

}while(条件);

for(变量 in 数组){
//JavaScript语句

}

中断循环的关键字:break;可以立即退出整个循环 continue只是退出当前的循环,根据条件判断是否进行下一次循环

七.注释
//单行注释 /*多行注释*/

八.常用的输入/输出
1.警告alert("提示信息");

2.提示prompt("提示的信息","输入框的默认信息");

九.常用的系统函数:
1.parseInt();解析一个字符串返回一个整数
2.parseFloat();解析一个字符串返回一个浮点数
3.isNaN();用于检查是否是非数字

十.自定义函数:
1.语法：function 函数名(参数1,参数2,参数3,...){
//JavaScript语句
[return 返回值]
}
2.调用函数
事件名="函数名";比如:onclick="showHello()";

3.匿名函数的定义:
var showfun=function (count){
//JavaScript语句
[return 返回值]
}
调用匿名函数:onclick="showfun(20)"

十一.变量的作用域:
1.全局变量:该变量后的所有语句都可以使用

2.局部变量:只限函数内使用

 

十一.Window对象
常用的属性:history(有关访问过的URL的信息) location有关当前URL的信息

常用的方法:
prompt();提示框
alert();警示框
confirm();带有确定或者取消的提示框
close();关闭浏览器
open();//打开一个新浏览器窗口
setTimeout();指定的毫秒数后调用函数或者计算表达式
setTnterval();指定的周期（以毫秒）来调用函数或表达式

常用的事件:
onload 加载
onmouseover移动
onclick单击某个对象
onkeydown当某个键盘被按下
onchange域的内容被改变时

十二.
history对象的常用的方法:
back();//加载当前history对象列表中的前一个URL
forward();//加载history对象列表中的后一个URL
go();加载history对象列表中的某个具体URL

location对象
属性:
host 设置或返回主机名和当前URL的端口号
hostname 设置或返回当前URL的主机名
href 设置或返回完整的URL

方法:
reload();重新加载当前文档
replace();用新的文档替换当前文档

十三.
document对象
常用的属性:
referrer 返回载入当前文档的URL
URL 返回当前文档的URL

document常用的方法
getElementById();//返回对拥有指定Id的第一个对象的引用
getElementByName();//返回带有指定名称的对象的集合
getElementByTagName();//返回带有指定的标签名的对象的集合
write();//向文档写文本、Html表达式或javaScriipt代码

十四.date对象

var date=new Date(参数);

十五.Math对象
ceil()向上取舍 25.5返回 26 -25.5 返回-25
floor()向下取舍 25.5 返回25 -25.5 返回-26
round()四舍五入为最接近的值 25.5返回26 -25.5 返回26
random(); 返回0-1中的随机数（不包括0和1）
1-100 var num=Math.floor(Math.random()*100+1)