[关闭]
@mdjsjdq 2015-09-16T16:54:05.000000Z 字数 1882 阅读 2020

JavaScript 权威教程指南

学习 JavaScript

开始

2015年7月19日20:37:38

网页三剑客 HTML CSS JavaScript

F12来唤醒和关闭firebug，ctrl+shit+j来打开错误控制台

函数和浏览器

对象

名和值得组合

  1. var book = {
  2. topci:"javascript",
  3. location:"shenzhen"
  4. };
  5. book.contents = {}   // {}空的对象，它没有属性

可以通过"."、和[]来访问数组

  1. book.topic   //=> “javascript”
  2. book["topic"]   //=> “javascript”
  3. book.author = "mdjsjdqe"   // 通过赋值来创建一个新属性

数组

  1. var primes = [1,5,7,9]
  2. primes [0]   //=>1
  3. var.length   //=> 4
  4. var  empty[] // 空的数组
  5. empty.length   // 长度为0

这个比较像是python里的东西，数组的长度和其对应的值要注意它的位置，因为是以0来开始计数的。

综合应用

  1. var points [
  2. {x:0,y:0},
  3. {x:1,y:1}
  4. ];
  6. var data {
  7. trial1: [[1,2],[3,4]],
  8. trial2: [[3,535],[4234,42]]
  9. };

对象属性和数组元素的值

函数和对象结合在一起的就成了方法

绝对值

  1. var a = [];   // 创建一个空数组
  2. a.push (1,2.3);   //push()方法向数组中添加元素
  3. a.reverse();   //另一个方法：将数组元素的数组反转
  4. function abs(x){
  5. if (x>0) {
  6.     return x;
  7. }
  8. else {
  9.     return -x;   //if、else 语句嵌套return语句
  10.     }
  11. }

阶乘1

  1. function factorial(n){
  2. var product = 1;
  3. while (n>1){
  4. product*=n;
  5. n--;
  6. }
  7. return product;
  8. }

阶乘2

  1. function factorial(n){
  2. var i ,product = 1;
  3. for (i= 2, i <= n,i++)
  4.     product*= i;
  5.     return product;
  6. }

异常的处理

  1. try{
  2. //code
  3. }
  4. catch(err){
  5. //code
  6. }
  9. <html>
  10. <body>
  12. <script>
  13. function myFunction()
  14. {
  15. try
  16. { 
  17. var x=document.getElementById("demo").value;
  18. if(x=="")    throw "值为空";
  19. if(isNaN(x)) throw "不是数字";
  20. if(x>10)     throw "太大";
  21. if(x<5)      throw "太小";
  22. }
  23. catch(err)
  24. {
  25. var y=document.getElementById("mess");
  26. y.innerHTML="错误：" + err + "。";
  27. }
  28. }
  29. </script>

表单

  1. <h1>我的第一个 JavaScript 程序</h1>
  2. <p>请输入 5 到 10 之间的数字：</p>
  3. <input id="demo" type="text">
  4. <button type="button" onclick="myFunction()">测试输入值</button>
  5. <p id="mess"></p>
  7. </body>
  8. </html>

网页时钟模型

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function startTime()
  5. {
  6. var today=new Date()
  7. var h=today.getHours()
  8. var m=today.getMinutes()
  9. var s=today.getSeconds()
  10. // add a zero in front of numbers<10
  11. m=checkTime(m)
  12. s=checkTime(s)
  13. document.getElementById('txt').innerHTML=h+":"+m+":"+s
  14. t=setTimeout('startTime()',500)
  15. }
  17. function checkTime(i)
  18. {
  19. if (i<10) 
  20.    {i="0" + i}
  21.    return i
  22.  }
  23. </script>
  24. </head>
  26. <body onload="startTime()">
  27. <div id="txt"></div>
  28. </body>
  29. </html>
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注