<h2>补充</h2>
<h2><a href="#ten">入口函数【掌握】</a></h2>
<h2><a href="#eleven">js引入页面样式【了解】</a></h2>
<h2 id="ten">入口函数【掌握】</h2>
<ul>
<li>
JavaScript书写位置的区别
<ul>
<li>window.onload（当整个文档加在完以后调用）</li>
</ul>
</li>
</ul>
<h2 id="eleven">js引入页面样式【了解】</h2>
<ul>
<li><code><button onclick="alert('我是按钮')">我是按钮</button></code>
</li>
<li>点击按钮同样可以执行【弹出警示框】</li>
</ul>
<h2>一：数组</h2>
<ul>
<li>
1.什么是数组？
<ul>
<li>
作用：
<ul>
<li>数组【对象】就是专门用来【存储】“一系列”的值。</li>
</ul>
</li>
</ul>
</li>
<li>
2.如何定义一个数组
<ul>
<li>方式一【几乎没人用】：使用关键词 new 创建数组对象 var myArray=new Array()</li>
<li>方式二【开发中常用】：var myArray = [];</li>
</ul>
</li>
<li>
3.数组的lengh属性；
<ul>
<li>arr.length:返回该数组对象的长度 </li>
</ul>
</li>
<li>
3.数组的遍历
<ul>
<li>什么是遍历？</li>
<li>
var arr = [1,“zhangsan”,"lis",3,"88"];
<ul>
<li>就是取出数组中每一个元素。</li>
<li>因为数组是【有序的】、【一系列数据的集合】，所以可以根据【下标或者索引】来获取数组中的每一元素</li>
<li>var[0]</li>
<li>var[1]</li>
<li>var[2]</li>
<li>var[...] </li>
</ul>
</li>
<li>
//遍历数组的元素、
<ul>
<li>for(var i = 0;i<arr.length;i++)
{
console.log(arr[i]);
}</li>
</ul>
</li>
</ul>
</li>
<li>
4.数组的常用方法
<ul>
<li>增【push()】</li>
<li>删【pop()】</li>
<li>改【拿到对应的角标直接改】</li>
<li>查【拿到对应的角标直接查看（或者遍历）】</li>
<li>连接数组【join()】</li>
<li><a href="http://www.w3school.com.cn/jsref/jsref_obj_array.asp">数组的更多其他方法链接</a> </li>
</ul>
</li>
</ul>
<h2>二：通过标签名称获取标签</h2>
<ul>
<li>案例：</li>
<li>1.数组遍历的应用：【隔行变色】 </li>
<li>
<p>2.反选和全选</p>
<ul>
<li>全选：利用循环给每个标签的checked属性设置为 true</li>
<li>全不选：利用循环给每个标签的checked属性设置为 false</li>
<li>取反：获取当前标签的状态，然后取反</li>
</ul>
</li>
<li>
<p>3.九宫格的布局</p>
<ul>
<li>2.1.定义总共的列数</li>
<li>2.2定义当前行（i / 总列数）和当前列（i % 总列数）</li>
<li>2.3定位left和top</li>
</ul>
</li>
<li>
<p>4.排他思想</p>
<ul>
<li>3.1先让所有的标签的className为空“”</li>
<li>3.2点击谁，谁的类名为“current"(this.className)</li>
<li>3.3总结干掉所有人（包括自己），自己然后自己(this)在重生</li>
</ul>
</li>
<li>
<p>5.通过类名获取标签</p>
<ul>
<li>1.getElementsByClassName（但是ie6、7、8不认识）</li>
<li>
2.封装自己的工具类
<ul>
<li>2.1:如果浏览器支持：直接返回document.getElementsByClassName(className)</li>
<li>2.2:如果浏览器不支持： 原理：遍历所有的的标签，获取标签的类名，如果等于指定的类名，那么获取出来添加到数组中</li>
</ul>
</li>
</ul>
</li>
<li>
6.通过类名获取标签完整版（判断多个类名）
<ul>
<li>1.如果浏览器支持：直接返回 document.getElementsByClassName(className)</li>
<li>
2.不支持
<ul>
<li>2.1获取所有的标签</li>
<li>2.2.遍历所有的标签，获取标签的类名，并且以“空格”分割成数组。</li>
<li>2.3.遍历数组，判断数组中的每一个元素是否等于指定的类名，如果等于保存起来。</li>
</ul>
</li>
</ul>
</li>
<li>
7.对象、方法、变量和属性
<ul>
<li>变量：</li>
<li>
特点：
<ul>
<li>1.用var 来声明</li>
<li>2.谁都可以使用</li>
</ul>
</li>
<li>
对象
<ul>
<li>具有特定功能的功能组</li>
<li>方法</li>
<li>方法是能够在对象上执行的动作。(就是通过对象来调用的函数)</li>
<li>属性</li>
<li>属性是与对象相关的值。</li>
<li>
变量和属性的区别
<ul>
<li>1.变量谁都可以使用</li>
<li>2.属性不能直接使用，只有对象可以使用（归属于哪个对象，哪个对象才可以使用）</li>
<li>3.属性也是变量，只不过使用的权限不一样，仅此而已</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>
8.自定义属性
<ul>
<li>举例：var arr = [1,2,4,55,89];</li>
<li>arr.suibianxie = 100;</li>
<li>suibianxie就是自定义的属性</li>
<li>
自定义属性如何来使用：
- 通过该对象.的方式
</li>
</ul>
</li>
<li>
9.tab切换【自定义属性的练习】
<ul>
<li>1.利用排他思想实现上面切换</li>
<li>2.实现下边的div显示或者隐藏</li>
<li>3.下边的隐藏的盒子的索引和上边点击盒子的索引对应即可</li>
<li>4.利用自定义对象，在遍历所有的li的时候给每个li绑定一个index属性</li>
</ul>
</li>
</ul>
<h2>字符串</h2>
<ul>
<li>
10.其他类型转换为字符串类型
<ul>
<li>Boolean 类型的 toString() 方法只是输出 "true" 或 "false"</li>
<li>
Number 类型的 toString() 方法比较特殊，它有两种模式，即默认模式和基模式。
<ul>
<li>1.采用默认模式，toString() 方法只是用相应的字符串输出数字值（无论是整数、浮点数）</li>
<li>2.采用 Number 类型的 toString() 方法的基模式，可以用不同的基输出数字，例如二进制的基是 2，八进制的基是 8，十六进制的基是 16。 基只是要转换成的基数的另一种加法而已，它是 toString() 方法的参数：</li>
<li>3.number、布尔+字符串类型：结果都会变为字符串类型</li>
</ul>
</li>
</ul>
</li>
<li>
11.字符串对象的常用方法
<ul>
<li>连接字符串【concat()】</li>
<li>
检索字符串【indexOf(a,b)】
<ul>
<li>a为必须参数，规定需检索的字符串值。</li>
<li>b为可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的首字符开始检索。</li>
</ul>
</li>
<li>从后向前搜索字符串【lastIndexOf()】</li>
<li>把字符串分割为字符串数组【split()】</li>
<li>从起始索引号提取字符串中指定数目的字符【substring()】</li>
<li>把字符串转换为小写【toLowerCase()】</li>
<li>把字符串转换为大写【toUpperCase()】</li>
</ul>
</li>
<li>
<p>注意点：字符串是 JavaScript 的一种基本的数据类型。 String 类定义了大量操作字符串的方法，例如从字符串中提取字符或子串，或者检索字符或子串。 需要注意的是，JavaScript 的字符串是不可变的（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串。 在较早的 Netscape 代码基的 JavaScript 实现中（例如 Firefox 实现中），字符串的行为就像只读的字符数组。例如，从字符串 s 中提取第三个字符，可以用 s[2] 代替更加标准的 s.charAt(2)。此外，对字符串应用 for/in 循环时，它将枚举字符串中每个字符的数组下标（但要注意，ECMAScript 标准规定，不能枚举 length 属性）。因为字符串的数组行为不标准，所以应该避免使用它。</p>
</li>
<li>
<p>12.判断文件名称【字符串转换为大写的应用】 </p>
</li>
</ul>
网友评论