人机交互第十一周

add:样式单里的注释:/**/
制作简易计算器
<html>
<head>
  <script>
   function a()
    {
 var a=prompt()
 var op=prompt()
 var b=prompt()
 var c=0 
 switch(op)
 {
 case "+":
 c=parseInt(a)+parseInt(b);break;
 case "-":
 c=parseInt(a)-parseInt(b);break;
 }
 alert(c)
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>


isNaN:判断是否为数字
eval:把字符串翻译为表达式,并运行结果(编译原理:将字符串翻译为表达式)
例:<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>


<html>
<head>
  <script>
   function a()
    {
 var a=prompt()
 var op=prompt()
 var b=prompt()
 var c=eval(a+op+b)
 alert(c)
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>

<html>
<head>
  <script>
   function a()
    {
 var A=[3,6,1,4]
 alert(A.length)
 for(var i=0;i<A.length;i++)
  alert(A[i])
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>


数组

1、join()
2、reverse():(改变了A)反过来
3、sort():(改变了A)按字符串排序(若为数,则转换为字符再排序)
4、concat():加元素
5、slice():(是一种拷贝)有1-2个参数,截取一段数组里的元素,起始位置,终点位置
<html>
<head>
  <script>
   function a()
    {
 var A=[3,6,1,4,7,289,983]
 var s=A.slice(1,3)
 alert(s)
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>

字符串

正则表达式(。。)
1、indexOf:搜索某字符串首次出现位置(没有显示-1)lastindexOf
<html>
<head>
  <script>
   function a()
    {
 var s="i am a student. student"
 alert(s.indexOf("student"))
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>

PMC算法

2、slice:截一段同数组    同substring()
<html>
<head>
  <script>
   function a()
    {
 var s="i am a student. student"
 var a=s.slice(2,4)
 alert(a)
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>

3、substr(a,b):a为起始位置,b为个数
4、split:将一个字符串截为有许多字符串的数组
<html>
<head>
  <script>
   function a()
    {
 var s="i am a student. student"
 var f=s.split(" ")
 alert(f.length)
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>

有问题

<html>
<head>
  <script>
   function html(){
 alert("i am html")
   }
   function pdf(){
 alert("i am pdf")
   }
   function a()
    {
 var s="abc.html"
 var f=lastindexOf(".")
 var s1=s.substring(i+1)
 switch(s1)
 {
   case "html":html();break;
   case "pdf":pdf();break;
 }
aa=
=aa[-1]
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>

 

 


<html>
<head>
  <script>
   function a()
    {
 var s="3!6!5!9!2!1"
 var A=s.split("!")
 A.sort()
 A.reverse()
 var s=A.slice(0,3)
 var f=s.join("$")
 alert(f)
 alert(f.indexOf("$6")!=-1)
    }
  </script>
</head>

<body>
  <input type="button" value="clickme"
   onclick="a()"/>
</body>
</html>

posted @ 2017-12-16 11:45  哈哈哈哈嗝  阅读(111)  评论(0编辑  收藏  举报