六月猫的代码

7-10 提取字符串substring()

<!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.substring(6)+ "<br />");

document.write(mystr.substring(0,5));

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-8 返回指定的字符串首次出现的位置

<!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")+"<br>");

  document.write(mystr.indexOf("o",mystr.indexOf("o")+1))

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

7-3 返回/设置年份方法

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>获得年份 </title>

<script type="text/javascript">

var mydate=new Date(); 

var myyear= mydate.getFullYear();

document.write("年份:"+myyear);

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

6-2 鼠标单击事件( onclick ）

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>单击事件 </title>

<script type="text/javascript">

  function openwin(){

     window.open('http://www.imooc.com','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}

</script>

</head>

<body>

  <form>

    <input name="点击我" type="button" value="点击我" onclick="openwin()"/>

  </form>

</body>

</html>

2018-07-10 查看完整代码

6-1 什么是事件

2018-07-10 查看完整代码

5-6 编程练习

<!DOCTYPE  HTML>

<html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>函数</title>



<script type="text/javascript">



//定义函数

    

    function tanchu(a,b){

        if(a>b){

            return a;

        }else if(a<b){

            return b;

        }else{

            return "相等";

        }

    }



//函数体，判断两个整数比较的三种情况

 

//调用函数，实现下面两组数中，返回较大值。

    

  document.write(" 5 和 4 的较大值是:"+tanchu(5,4)+"<br>");

  document.write(" 6 和 3 的较大值是:"+tanchu(6,3)); 

    document.write(tanchu(5,5));







</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

5-5 返回值的函数

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>返回值函数</title>

<script type="text/javascript">

  function  app2(x,y)

  { var sum,x,y;

    sum = x * y;

    return sum;

  }

    var req1=app2(5,6);

    var req2=app2(2,3);

    var sumq=req1+req2;

document.write("req1的值:"+req1+"<br/>");

document.write("req2的值:"+req2+"<br/>");

document.write(req1+"与"+req2+"和:"+sumq);

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

5-4 有参数的函数

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>函数传参</title>

<script type="text/JavaScript">

   function add3(x,y,z)                

	{

	  sum = x + y +z;

	  document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>");

	}

	add3(5,8,3);

	add3(7,1,4);

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

5-3 函数调用

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>函数调用</title>

<script type="text/javascript">

function tcon()

  {

	alert("恭喜你学会函数调用了!");

  }

</script>

</head>

<body>

<form>

<input type="button"  value="点点我" onclick="tcon()">  

</form>

</body>

</html>

2018-07-10 查看完整代码

5-2 定义函数

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>定义函数</title>

<script type="text/javascript">

    function sub2()                     //定义函数

 {

   sub=5-2;

   alert("5和2的差:"+sub);

 }

</script>

</head>

<body>

<form>

    <input type="button" value="点击我" onclick="sub2()" />

</form>

</body>

</html>

2018-07-10 查看完整代码

5-1 什么是函数

2018-07-10 查看完整代码

4-10 编程练习

<!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,'大四'],

	['小C','男',24,'大四'],

	['小D','女',21,'大一'],

	['小E','女',22,'大四'],

	['小F','男',21,'大一'],

	['小G','女',22,'大二'],

	['小H','女',20,'大三'],

	['小I','女',20,'大一'],

	['小J','男',20,'大三'],

];

 

 //第一次筛选，找出都是大一的信息

    for(var i=0;i<infos.length;i++){

        if(infos[i][3]=='大一' && infos[i][1]=='女'){

            document.write("大一女同学是："+infos[i][0]+"<br>");

        }

    }

  

 //第二次筛选，找出都是女生的信息

 

 

  

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

4-9 继续循环continue

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>continue</title>

<script type="text/JavaScript">

 var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值

 var i;

 for(i=0;i<mynum.length;i++)

 {

  	if(mynum[i]<60)

    {

	document.write("成绩不及格，不输出！"+"<br>");

    continue;

	}

	document.write("成绩:"+mynum[i]+"及格，输出!"+"<br>");

}

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

4-8 退出循环break

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>break</title>

<script type="text/JavaScript">

var mynum =new Array(70,80,66,90,50,100,89);//定义数组mynum并赋值

var i=0;

while(i<mynum.length)

{

  if(mynum[i]<60)

   {

    document.write("成绩"+mynum[i]+"不及格，不用循环了"+"<br>");

    break;

   }

  document.write("成绩:"+mynum[i]+"及格，继续循环"+"<br>");

  i=i+1;

  

}

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

4-7 来来回回(Do...while循环)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>do...while</title>

<script type="text/javascript">

    var mynum =6;//mynum初值化数值为6

	do

	{

	document.write("数字:"+mynum+"<br/>");

	mynum=mynum-1;

	}

	while(mynum>=1)

	</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

4-6 反反复复(while循环)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>while</title>

<script type="text/javascript">

  var mynum =1;//mynum初值化数值为1

   while(mynum<=5)

  {

	document.write("数字:"+mynum);

    mynum=mynum+1;	

   }

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

4-5 重复重复（for循环）

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>if...else</title>

<script type="text/JavaScript">

var mymoney,sum=0;//mymoney变量存放不同面值，sum总计

for(mymoney=1;mymoney<=10;mymoney++)

{ 

  sum= sum + mymoney;

}

  document.write("sum合计:"+sum);

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

4-4 多种选择（Switch语句)

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>switch</title>

<script type="text/JavaScript">

var myweek =3;//myweek表示星期几变量

switch (myweek)

{

 case 1:

 case 2:

 document.write("学习理念知识");

 break;

 case 3:

 case 4:

 document.write("到企业实践");

 break;

 case 5:

 document.write("总结经验");

 break;

 default :

 document.write("周六、日休息和娱乐");

}

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

4-3 多重判断（if..else嵌套语句）

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>if...else</title>

<script type="text/JavaScript">

var myage =99;//赵红的年龄为99

if(myage<=44)

  {document.write("青年");}

else if(myage<=59) 

  {document.write("中年人");}

else if(myage<=89)

  {document.write("老年人");}

else        

  {document.write("长寿老年人");}

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

4-2 二选一（if...else语句）

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>if...else</title>

<script type="text/JavaScript">

var ticket =true; //ticket初值为true，表示有票

if(ticket)  

{

document.write("有票，可以看电影。");

}

else	  

{

document.write("没票，电影看不成。");

}

</script>

</head>

<body>

</body>

</html>

2018-07-10 查看完整代码

热搜

最近搜索清空

六月猫

JavaScript进阶篇