1. JS代码写在哪里：script里面；写在外部.js后缀文件里面，通过script标签引入；写在标签里面

注意：在引入js文件的script里面，一定不能再写js代码；

           标签里面写js代码一般情况下不推荐（在某些插件里面，可能全部都是通过这种方式引入）

script标签的放置位置：

            body或者head里面，只要注意一点：如果script里面涉及到操作后面的元素，而script又非得放前面的话，需要加上：window.οnlοad=function(){//这里再写代码};

            如果说没什么特别的要求，一般script标签放在Body结束之前。

2.写JS代码需要注意什么：

   a.严格区分大小写（引号里面是没有这个规则）；b.语句字符都是半角字符；（字符里面可以使用任意字符）；c.某些完整语句后面要写分号；d.代码要缩进，缩进要对齐。

3 系统的三种不同类型弹窗

4.获取元素以及修改内容

a.获取元素方式

独有标签可以直接获取到，例如：document.body           ;             document.title

body里面的结构标签可以用ID名、class名、标签名、name名、选择器获取

document.getElementById()

obj.getElementsByClassName()（通过class名获取，不兼容IE8及以下）

obj.getElementsByTagName()

obj.getElementsByName()

obj.querySelector()（通过选择器获取，不兼容IE7及以下）

obj.querySelectorAll()（通过选择器获取，不兼容IE7及以下）

作业：点击一个盒子之后，变成一个a标签

点我试试

5.函数+构造函数

默认值+解构赋值，函数的设定与默认值，方法一：

方法二：

最新箭头函数写法：去掉function，后面加一个=>

6.onclick事件

onclick
paragraph
try it!

7.document.write()在文档流关闭之前，给Body部分新增内容；在文档流关闭之后，修改整个HTML的内容。

8.JS里的事件

9.简单认识

10.定义变量

11.prompt弹窗，document.write()

12.拼接

13.作业

14.js操作标签属性和自定义属性

百度

15.不规范的属性

百度

16.js基础数据类型

17.操作样式

控制元素的样式：

外部样式表：js不能操作外部文件

内部样式表：js可以操作，很麻烦，所以不常用。优先级高。

行内样式标签属性：优先级最高。大部分情况下，Js都是通过操作行内样式达到修改样式的目的

18.操作样式另外的途径

19.作业：01-作业-QQ说说发表功能

发表

20.简单认识数组

21.判断语句

22.if的简写方式

23.switch

24.图片选项卡切换

循环切换
单边切换
1/6
第一张
 <  > 

效果图如下：

25.for循环

26.do while循环

27.案例一：for循环生成十个div

28.生成左尖括号的图形

29.正立和反立的金字塔

30.二级以下下拉菜单

同事
同事1
同事2
同事3
好友
好友1
好友2
陌生人
陌生人1
陌生人2

31.作业：九九乘法表

32.复选框

效果图如下：

    
你最喜欢的英雄
复选框1
复选框2
复选框3
复选框4
复选框5
复选框6
复选框7
复选框8

33.选项卡的实现

效果图如下：

代码如下：

1
2
3
4
1/4

34.左侧伸缩导航

假定一个元素 div ， div 的className = “div”；this.className+= 'a' 之后，div的className变成了 “diva”（注意，这个类名变了，在后面加了个a，如果你的本意是再添加一个a 的类，那么你应该写成 this.className += " a"（a前有一个空格）），如果你用了this.className = 'a', 那么 div的className 就成为了“a”,之前的类名被清除了

效果图如下：

代码如下：

35.QQ下拉面单

效果图如下：

代码如下：

同事
同事1
同事2
同事3
同事4
好友
好友1
好友2
好友3
同学
同学1
同学2
同学3

36.动态方法和静态方法

37.算数运算符

38.赋值运算符

39.逻辑运算符

40.作业：颜色顺序

41.作业：刮刮乐

42.toString()   toFixed()

43.Math方法

44.作业：全选

效果图

代码

Kevin
Kevin2
全选

45.作业：全选，反选，清空

效果图

西瓜
苹果
桃子
柠檬
草莓
全选反选清空

46.有名函数，匿名函数

	函数

47.函数定义、函数表达式

	函数

48.参数

49.不定参

50.return

51.案例-购物车

商品
单价
数量
小计
8
-0+
0
10
-0+
0
12.5
-0+
0
23
-0+
0
合计费用： 0 ￥
已选中商品： 0 个

52.评分

星级评分：
提示：请认真给当前文章打分

53.地址栏功能

点击修改
修改
点击修改
修改
点击修改
修改
点击修改
修改

54.作用域

• javascript解析顺序

1. （定义）先解析var、function、参数；
   1. 该步骤的var只定义变量，后面的 = 赋值不解析
   2. 该步骤的函数只定义函数，函数的执行不解析
   3. 重名的只留一个，var和函数重名函数优先
2. （执行）再从上至下执行其他代码。

• 作用域

1. 最大的作用域为script标签；
2. 遇到函数执行产生新的作用域；
3. 产生新的作用域后同样按照定义-执行的规则解析该作用域的代码；
4. 子作用域可以访问父作用域的参数和变量，反之不行；
5. 每个作用域要访问变量时，先从自身找，找不到再往上一级找。

55.域

56.关于域的作业

57.闭包，通过链接学习：http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html

58.length和charAt

59.indexOf()

60.charCodeAt()、fromCharCode()

61.substring()和slice()

62.split() 方法和join() 方法

63.

64.

65.

66.

67.

68.

69.

70.

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！