JavaScript基础-3

<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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,544评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,430评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,764评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,193评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,216评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,182评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,063评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,917评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,329评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,543评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,722评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,425评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,019评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,671评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,825评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,729评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,614评论 2 353

推荐阅读更多精彩内容