<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>
<script type="text/javascript">
//通过javascript的日期对象来得到当前的日期,并输出。
var mydate = new Date();
var year= mydate.getFullYear() ;
var month = mydate.getMonth() + 1; // 1~12
var day = mydate.getDate(); // 1~31
var weekNames = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
var week = mydate.getDay();
var weekText = weekNames[week];
var timeShow = year + "年" + month + "月" + day + "日" + " "+ weekText;
//成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var scoreArr = scoreStr.split(";").join(",").split(":");
var sumScore =0;
for(var i=0;i<scoreArr.length;i++){
if(parseInt(scoreArr[i])) {
sumScore += parseInt(scoreArr[i]);
}
}
document.write(timeShow+"--"+"班级总分为:"+sumScore)
//从数组中将成绩撮出来,然后求和取整,并输出。
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系好安全带,准备启航</title>
<script type="text/javascript">
//通过javascript的日期对象来得到当前的日期,并输出。
var udate=new Date();
var year=udate.getFullYear();
var umonth=udate.getMonth()+1;
var date=udate.getDate();
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
var day=weekday[udate.getDay()];
//成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦
var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
var scoreArr=scoreStr.split(";");
//从数组中将成绩撮出来,然后求和取整,并输出。
var grade=[];
for(var i=0;i<scoreArr.length;i++){
var j=[2];
j=scoreArr[i].split(":");
grade[i]=j[1];
}
var sum=0;
for(var i=0;i<grade.length;i++){
sum=sum+parseInt(grade[i]);
}
sum=sum/grade.length;
document.write(year+"年"+umonth+"月"+date+"日"+" "+day+"--班级总分为:"+Math.floor(sum));
</script>
</head>
<body>
</body>
</html>
数组方法
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>string对象 </title>
<script type="text/javascript">
var mystr="Hello World!"
document.write(mystr.indexOf("o",mystr.indexOf("o")+1));
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var num1=parseFloat(document.getElementById("txt1").value);
//获取第二个输入框的值
var num2=parseFloat(document.getElementById("txt2").value);
//获取选择框的值
var op=document.getElementById("select").value
//获取通过下拉框来选择的值来改变加减乘除的运算法则
var sum;
function cauculate(num1,num2,op){
switch(op){
case '+':
sum=num1+num2;
break;
case "-":
sum=num1-num2;
break;
case "*":
sum=num1*num2;
break;
case "/":
if(num2 !== 0){
sum=num1/num2;
} else {
alert("除数不能为0");
return;
}
break;
default:
alert("请选择符号");
return;
}
}
cauculate(num1,num2,op);
//设置结果输入框的值
document.getElementById("fruit").value=sum;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果-->
<input type='text' id='fruit' />
</body>
</html>
function clearText() {
var content=document.getElementById("content");
// 在此完成该函数
var length=content.childNodes.length
for (var i=0;i<length;i++)
{
content.removeChild(content.childNodes[0])
}
}第二种方法,正序删除 (固定住子节点列表的长度即固定for循环删除的次数,然后一直删除第1个,不受数组长度动态变化的影响)

主要事件表
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数</title>
<script type="text/javascript">
//定义函数
function larger(x,y){
//函数体,判断两个整数比较的三种情况
if(x>y){
return x;
}
else if(x<y){
return y;
}
else{
return "两个数一样大";
}
}
req1=larger(5,4);
req2=larger(6,3);
req3=larger(4,4);
//调用函数,实现下面两组数中,返回较大值。
document.write(" 5 和 4 的较大值是:"+req1+"<br>");
document.write(" 6 和 3 的较大值是:"+req2+"<br>" );
document.write(" 4 和 4 的较大值是:"+req3+"<br>" );
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>流程控制语句</title>
<script type="text/javascript">
//第一步把之前的数据写成一个数组的形式,定义变量为 infos
var infos=[
['小A','女',21,'大一'], ['小B','男',23,'大三'],
['小C','男',24,'大四'], ['小D','女',21,'大一'],
['小E','女',22,'大四'], ['小F','男',21,'大一'],
['小G','女',22,'大二'], ['小H','女',20,'大三'],
['小I','女',20,'大一'], ['小J','男',20,'大三']];
var number=new Array();
var x=0;
//第一次筛选,找出都是大一的信息
for(var i=0;i<infos.length;i++){
if(infos[i][3]=="大一"){
number[x]=i;
x++;
}
}
//第二次筛选,找出都是女生的信息
for(var i=0;i<number.length;i++){
switch(infos[number[i]][1]){
case "女":
document.write(infos[number[i]][0]+"<br>");
}
}
</script>
</head>
<body>
</body>
</html>
//按照任务题意,先筛选一维数组的索引号,再从剩下的数组中按性别的索引号[1]筛选符合条件的结果打印出来.
for (i=0;i<infos.length;i++)
{
if(infos[i][3]!="大一")
{
continue;
}
var grad=i//第一次筛选,找出都是大一的一维数组索引号并将其赋值到变量grad
if(infos[grad][1]=="女")//第二次筛选,在一维数组索引号为grad的数组中查找二维数组索引号为1的值是"女"的数组
{
document.write(infos[grad][0]+"<br/>")//当返回值为ture时打印二维数组索引号为0的值
}
}
因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。
JavaScript数组的length属性是可变的,这一点需要特别注意。
arr.length=10; //增大数组的长度, 数组长度已经变为10
var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16
var myarray = new Array(66,80,90,77,59);//创建数组同时赋值
var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)
数组存储的数据可以是任何类型(数字、字符、布尔值等)
我们创建数组的同时,还可以为数组指定长度,长度可任意指定。
var myarray= new Array(8); //创建数组,存储8个数据。
1.创建的新数组是空数组,没有值,如输出,则显示undefined。
2.虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。
var 变量=new Array(); //定义数组
算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。
使用setInterval()计时器来显示动态时间。
11
ss
使用 String 对象使用toLowerCase()方法,将字符串所有大写字母都变成小写的字符串的 toUpperCase() 方法来将字符串小写字母转换为大写
get/setFullYear() 返回/设置年份,用四位数表示。
当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序
注意:不同浏览器对onunload事件支持不同。
xxx
算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
日期对象


js事件合集
js事件合集:
onclick 鼠标点击
onmouseover 鼠标经过
onmouseout 鼠标移开
onchange 文本框内容改变
onselect 文本框内容被选中
onfocue 光标聚集
onblur 光标离开
onload 网页加载完成
onunload 网页关闭