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

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. ];
  5. var data {
  6. trial1: [[1,2],[3,4]],
  7. trial2: [[3,535],[4234,42]]
  8. };

对象属性和数组元素的值

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

绝对值

  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. }
  7. <html>
  8. <body>
  9. <script>
  10. function myFunction()
  11. {
  12. try
  13. {
  14. var x=document.getElementById("demo").value;
  15. if(x=="") throw "值为空";
  16. if(isNaN(x)) throw "不是数字";
  17. if(x>10) throw "太大";
  18. if(x<5) throw "太小";
  19. }
  20. catch(err)
  21. {
  22. var y=document.getElementById("mess");
  23. y.innerHTML="错误:" + err + "。";
  24. }
  25. }
  26. </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>
  6. </body>
  7. </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. }
  16. function checkTime(i)
  17. {
  18. if (i<10)
  19. {i="0" + i}
  20. return i
  21. }
  22. </script>
  23. </head>
  24. <body onload="startTime()">
  25. <div id="txt"></div>
  26. </body>
  27. </html>
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注