JavaWeb基础知识：JavaScript快速入门

JavaScript快速入门

1. js生成文本

2. js生成标签

3. js的书写位置和执行顺序

4. 导入外部的js文件

mylove.js:
alert("我是来自于外部的js文件代码");

function getSum(a,b){
    return a + b;
}

5. js中的变量申明

6. js中的判断语句if

7. js中的三种消息框

8. js中的函数

9. js中的两种for循环

10. js中的异常处理try{}catch(){}

11. js中的window对象

12. 定时器

13. 画鸭子

• 图片素材如下

• 代码如下

  
  
  
  

14. 字符串对象

15. 时间和数组

16. dom入门

17. 获取html标签的方式

    
        
        

        

    
    

        输入姓名：

        输入年龄：

        输入性别：

    

18. Jquery之飘逸江湖

• 效果图如下
  

• 数据文件如下

• juery类库可以去网上下载，data.txt数据如下：

  [
  {“picpath”:”http://127.0.0.1:8020/Day03_javascript_%E4%BD%9C%E4%B8%9A/img/food/food1.jpg“,
  “desc”:”九毛九”
  },
  {“picpath”:”http://127.0.0.1:8020/Day03_javascript_%E4%BD%9C%E4%B8%9A/img/food/food2.jpg“,
  “desc”:”真功夫”
  },
  {“picpath”:”http://127.0.0.1:8020/Day03_javascript_%E4%BD%9C%E4%B8%9A/img/food/food3.jpg“,
  “desc”:”哥哥乐”
  },
  {“picpath”:”http://127.0.0.1:8020/Day03_javascript_%E4%BD%9C%E4%B8%9A/img/food/food4.jpg“,
  “desc”:”必胜客”
  },
  {“picpath”:”http://127.0.0.1:8020/Day03_javascript_%E4%BD%9C%E4%B8%9A/img/food/food5.jpg“,
  “desc”:”肯德基”
  },
  {“picpath”:”http://127.0.0.1:8020/Day03_javascript_%E4%BD%9C%E4%B8%9A/img/food/food6.jpg“,
  “desc”:”永和大王”
  },
  {“picpath”:”http://127.0.0.1:8020/Day03_javascript_%E4%BD%9C%E4%B8%9A/img/food/food7.jpg“,
  “desc”:”红荔村”
  }
  ]

• 图片素材如下

• 代码如下