每日一记
JavaScript是一种脚本语言,
*脚本语言是一种轻量级的编程语言
*是一种混合语言,不是java语言,有一些vb的痕迹
被直接嵌入到HTML页面
JavaScript的功能:
在用户数据提交前进行验证数据模式
页面特效—菜单,浮动广告,js游戏等等
JavaScript语法:
必须在标签内写。
注释: // 多行注释 / */
位置:(1)标签内(2)标签内(3)html标签外(4)外部引用
<html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
//注释:单行注释// 多行注释 /* */
// 位置:1,<head> 标签内 2,<body>中 3,html标签外,4,外部
// 注意:<script>标签引用外部文件时,中间不能有任何代码
// 弹框:1,警告框 alert("文本") 2,确认框 confirm("文本") 3, 提示框 prompt("文本","默认值")
// 语法: 1,标识符:字母,数字,下划线 数字不能开头,不能是关键字,见名知意
//3,变量的定义 : var
//4,数据类型: 监测数据类型 typeof()
// 初始类型: 未定义数据类型:undefined数值数据类型:number 字符串:string 布尔类型:boolean 空类型:null
// 引用类型: object
//5,运算符:
// 算术运算符: + - * / % ++ -- -(取反) a(++/--) 先自增 (++/--)a 后自增
// 比较运算符: == (值等于) ===(严格等于) != > >= < <=
//alert("hello");
//var a =null;
//逻辑运算符: && || !
/*var a = parseInt("123",2);
alert(a);
alert(typeof(a));*/
</script>
</head>
<body>
<p id="myp">南有苏大强</p>
<!--<script src="jsdemo.js"></script>-->
<script>
//document.getElementById("myp").style.color="#ff0000";
</script>
</body>
</html>
jsdemo.js文件:
document.getElementById("myp").style.color="#ff0000";
var s = confirm("确定删除吗?");
console.log(s)
数据类型转换:
运算 | 结果 |
---|---|
数值与字符串相加 | 数值强制转换为字符串 |
布尔值与字符串相加 | 布尔值强制转换为字符串 |
数值与布尔值相加 | 布尔值强制转换为数值 |
JavaScript数据类型强制转换:
一,转换为数值类型
Number(参数) , 把任何值转换为数值类型
parseInt(参数1,参数2) , 将字符串转换为整数
parseFloat() ,将字符串转换为浮点数
二,转换为字符串类型
1,String(参数)
可以将任何类型转换为字符串
2,toString()
调用的格式 对象 toString()
三,转换为布尔类型
Boolean()可以将任何类型的值转换为布尔值 转换为假:"",0,NaN,undefined,null,false 。其他的全部转换为真。
流程控制:
if ,if…else,if…else if…else,switch
for,while,do…while
//6,分支语句:if语句
/*if (3>1){
alert("hello python");
}*/
/*if(){
}else if{
}else if{
}else{
}*/
//switch语句 :穿透现象
/*var a = 1;
switch (a){
case 1:
alert(1);
break;
case 2:
alert(2);
break;
case 3:
alert(3);
break;
default:
alert("x");
}*/
//循环语句 for while do...while
//for循环
/*var sum = 0;
for(var i=1;i<=100;i++){
sum +=i;
}
console.log(sum);*/
//while循环
/*var i=1,sum=0;
while (i<=100){
sum +=i;
i++;
}
console.log(sum);
console.log(i);
*/
//do while 循环
/*var i =1,sum=0;
do {
sum +=i;
i++;
}while(i<=100);
console.log(sum);
console.log(i);*/
数组的声明
var 数组名 = new Array(数组大小);
数组初始化
var player = new Array(" ASD",“SKY”,“Shark”);
player[0] =“A”;
player[1] =“B”;
player[2] =“C”;
var arr0 = new Array();
var arr1 = new Array(10);
var arr2 = new Array("a","s","d");
console.log(arr0);
console.log(arr1);
console.log(arr2);
var i;
for (i=0;i<3;i++){
//document.write();是将结果写在浏览器中显示
document.write(arr2[i]);
}
数组常用的属性和方法
方法 | 说明 |
---|---|
join | 将数组中的元素组合成字符串 |
reverse | 颠倒数组元素的顺序,使第一个元素成为最后一个,而最后一个元素成为第一个 |
sort | 对数组元素进行排序 |
二维数组
var arr_1 = new Array("a","b");
var arr_2 = new Array("c","d");
var arr = new Array(2);
arr[0] = arr_1;
arr[1] = arr_2;
javascript字符串对象 _String
indexOf() 检索字符串
split() 把字符串分解成字符串组
substring() 提取字符串中两个指定的索引号之间的字符
toLowerCase() 把字符串转换为小写
toUpperCase() 把字符串转换为大写
Math对象的方法
方法 | 解释 |
---|---|
abs(x) | 返回x的绝对值 |
sin(x) | 返回x的正弦,返回值以弧度为单位 |
cos(x) | 返回x的余弦,返回值以弧度为单位 |
tan(x) | 返回x的正切,返回值以弧度为单位 |
min(a,b) | 返回a和b中的较小数 |
max(a,b) | 返回a和b中的较大数 |
random(x) | 返回0或1 |
round(x) | 四舍五入 |
sqrt(x) | 返回x的平方根 |
Date对象的方法
方法 | 解释 |
---|---|
Date() | 返回当日的日期和时间 |
getDate() | 从Date对象返回一个月中的某一天(1~31) |
getDay() | 从Date对象返回一周中的某一天(0~6) |
getMonth() | 从Date对象返回月份(0~11) |
getFullYear() | 从Date对象以四位数字返回年份 |
getTear() | 从Date对象以两位或四位数字返回年份 |
getHours() | 返回Date对象的小时(0~23) |
getMinutes() | 返回Date对象的分钟(0~59) |
getScends() | 返回Date对象的秒数(0~59) |
getMilliseconds() | 返回Date对象的毫秒(0~999) |
getTime() | 返回 1970年1月1日至今的毫秒数 |
JavaScript函数的声明
一,基本语法
function 函数名(参数1,参数2,...) {
函数体
return
}
二,字面量定义的函数(匿名函数)
function 函数名(参数1,参数2,…) {
函数体
return
}
三,以对象的形式来声明
new 关键字
var 变量 = new Function(参数1,参数2,…“函数体”);
JavaScript内置顶层函数
内置:ECMAscript
内置函数:ECMAscript
自带函数:Numner()
宿主函数:BOM DOM alert() prompt() confirm()
JS事件:
事件:
是浏览器相应用户交互操作的一种机制,事件本身并不是一个需要定义的技术名词;
简而言之,事件就是WEB浏览器通知应用程序发生了什么事情。事件不是JS对象,不会出现在程序源代码中。
浏览器为了相应某个事件而进行函数调用的过程,叫做事件处理。
鼠标事件:
onclick
ondbclick
onmousedown
onmouseup
onmousemove
onmouseover
onmouseout