js按钮怎么弹到另一个页面

刚才说了这个那个 get 说了黑水，然后接下来呢，还有一个叫做一个 ok loct i 文，有一个老 kitty 老 kiss， 我们那个地址啊？地址，玩那个东西啊，在这里边呢，我先把这个给他，刚才那些都给他去掉啊，都给去掉，然后呢？这个就留着吧，改个名叫做一个 老 k 审。那这一块呢，我们来说一下这个老 k 神对象啊，老 k 神对象对象，他可以吗？老 k 神中这个什么呢？该 对象中封装什么呢？封装了我们这个浏览器的什么呀？地址地址栏的信息啊，封装的我们这个浏览器地址栏的信息，所以这块你看啊，我在这干嘛呢？我直接来一个，呃，他一个 这个老客人，我们说了他也是温的对象属性，我说直接可以去打印啊，哎，直接打印打印呢？我们看看效果，现在这个页面是我们这个老客人页面啊，我这一点走你出来。什么呀？ 是不是这张地址啊？哎，获取到的就是我们这个浏览器的这个地址，所以这块我们要说一个如果什么呢？如果直接打印老 kiss， 哎，如果直接打印我们这个老 k 审，哎则什么呢？哎则可以获取到我们这个地址栏的这个什么呀？信息啊？就是完整那什么呀？完整那个路径啊，就可以获取到我们这个完整的一个路径，就是我们这个 完整的这个路径，而且什么呀？是我们这个当前页面的，哎，完整路径啊，当前页面的完整路径。好，这是我们说老天爷， 那我们会发现你打印他就能获得这个路径，那还有一个问题，我是不是可以去改一下啊，哎，咱们来看看要干什么呢？ 来一个老 kiss， 那你既然是一个路径，我这样 locty 老 kill 等于什么呢？写这么一个 http， 冒号斜杠，斜杠三 w 点，百度 点 com， 哎，我是不是在修改这个老客人的值啊，改完了我们来看，什么效果啊？现在我一刷新还没点呢，对吧？我这一点走，你 是不是转起来了？哎，你再等一会呢，我们来看啊，是不是换成百度了呀？但是现在没有网啊，所以他显示不出来啊，就换成百度了，你会发现这么改完了以后，我这按钮像个什么了， 是不是像个长链接一样了，哎，像个长链接一样了啊，来，那这一块呢，我们使用的是一个完整固定，我也可以，干嘛呢？我不写 主角，换一个，我直接写什么呢？写一个这个吧，零一点，一个 bom 点，也是填码 唯一保存。我们来看效果啊，这块一刷新，然后我这一点走你，哎，是不是调到这一面了，哎，也可以用一个相对路径，这样你改完了以后，是不是会跳转到另一个页面啊？哎，跳转到另一个页面啊，来，我们来说什么呢？如果直接将我们这个老 k 神， 老 k 是属性修改，为什么呢？修改为一个这个绝，一个这个完整的这个路径。 或什么呢？或绝对，或一个相对路径啊，或一个相对路径，则什么呢？哎，则我们的这个页面会什么呢？会自动，哎，跳转到该路径啊，跳转到该路径。所以 你改完了百度就跳到谁了？跳到百度了，哎，改，改成这个报点人名，就跳到这个报名点人名会自动去跳转页面，而且还有一个问题，并且什么呢？并且会生成我们这个相应的这个历史记录。 什么意思？我这也保存，现在呢？我们来给他关上啊，重新访问一下，咱们看一下区别。我这一运行呢，怎么叫生成地址记录了？怎么体现出来了？我这一点页面是不是跳转了呀？跳转以后你注意了，我这是不是可以去 回退啊？哎，我这一回退就证明刚才生成了一个什么呀？历史记录了啊？生成一个历史记录，所以注意修改，老 k 认，他会生成这个历史记录的啊，生成历史记录的，好，这是一个老 k 认，然后接下来再看他还有什么东西啊？那这里边呢？刚才说这两种用， 直接来看我们这个对象，点开老 k 人，老 k 人的这里边属性这边其实他还有有一堆属性，是吧？什么？这个哎？ pass 啊，什么 hous 啊， house， mam h， rav 啊，什么 past 啊，什么普普普通啊，什么色，是给你一堆这个属性，这个属性是干嘛的呢？那么说了，我们一个浏览器地址栏，这个地址是不是会很长啊？ 包括如果你提交表单的话，他后边还有什么呢？可能还有这么一个东西，假如说来一个 u 字内幕，等一个我的命，然后来一个暗的，一个 pass， word， 等一个一二三一二三。举个例子啊，他是不是会附加这么一个东西啊？这东西叫什么呀？叫查询 自助串啊，陈自助串。这咱们讲表态时候说过一回啊，但是现在你先不用管了，忘了就忘了，因为咱们现在是用不着，所以你快注意我们表，我们这个浏览器地址呢，他是一个很长的一个地址，他会分成很多部分，包括这一块是我们的 ip 地址，对吧？这是一个八 八零二零，是我们这个登口号，这一个对幺七呢，是我们这个项目名等等，会有一系列的这个很长很长的路径。那所以呢，他给我们提供这么些属性是干嘛的呢？他把我们这个浏览器地址而分成什么呀？一部分一部分一部分的，哎，比如说你用这个炮头获取的什么呀？ 端口号，哎，你用这个算式呢，获取的是那个什么呀？查询自助串啊，查询自助串，以此类推。但是现在这个东西对于咱们来说，目前来讲没有什么意义，因为咱们得需要涉及到服务器的时候，我们才需要去考虑这个优雅的地址，所以这个呢，我们就 不一的说了啊，不一的说了，你要有印象，这是把我们这个地址分成了几部分，那像这 hf 就什么样？就是一个 完整的地址，就跟你直接打印老 k 认识这样式一样的啊，我就不不再演示这些东西啊，我们用的时候再去再去说他啊。好，然后呢？下边我们要看的就是他的这些方法 啊，方法就三个比较简单，呃，散呀，蕊烙的呀，还有一个蕊不类似啊？蕊不类似，一个一个看叫做一个散，个散叫什么？叫加载新的文档，咱们来看他是怎么用的？直接复制过程。 啥意思呢？其实这个东西啊，用不用都行，那咱俩用来干嘛呢？哎？用来跳转到什么呢？跳转到其他页面，它的作用呢？和直接修改，我们这个老 k 审 呀啊？作用和直接修改老 k 一样。那你看我这怎么改的，直接老 k 是不是等于一个地址啊？你可以不这么用，直接来什么呢？老 k 这点一个 我散，我散里边我直接把这地址呢作为参数传过去啊作为参数传过去，我一保存，咱们来看一刷新，赞一点，走你。 哎，是不是也去跳转了呀？哎，咱们等会是不是也跑到百度去了？哎，也跑到百度了啊，这种方式呢，跟我们这什么呀？跟他是一模 一样啊。一模一样的选哪个呢？根据自己的需要去选啊根据自己需要去选，其实呢，没什么太大区别啊没太大区别叫做一个散啊，他也会有马呀，是不是也会生成这个历史记录啊？哎，也会生成这个历史记录，这是缓存是吧？哎，也会生成这个历史记录啊。好，这块应该注意，叫做一个呃散， 然后呢？还有一个，还有一个叫做一个 relo 的 relo 叫什么呀？哎，重新加载当前，等等我们来看什么效果，直接来一个呃赛，哎，不是呃赛老 k 神， 老 k 上点一个这个水漏，这一保存什么效果呢？我们来看啊，一刷新，我这一点走你 似乎是没什么变化，是吧。这个什么呀？哎，刷新按钮的功能是一样的啊，一样别漏，叫重新加载当前那边就是刷新 哎，用于重新加载当前页面作用呢？和我们这个什么呀？和这个刷新 按钮一样，所以你掉完水漏的就相当于去点了一下那个刷新按钮，你点他，你点他，是不是效果是一样的呀？哎，一样的啊，但是这里边你要注意有个问题啊。什么问题？我们这来演示个东西，我在这呢，来这么一个东西，来一什么呢？阴铺的，阴铺的太阳，我们来一个这个 太我一保存，这是一个文本框啊，我一刷新在这是不是可以去输入一些东西啊？哎，输入东西，但是文本框有个问题啊，你现在我这一点 注意些东西，我这一刷新走，你这东西是不是还在啊？为什么还在？就是因为我们这个缓存啊。缓存，你刚才说的东西他干嘛呢？他为了他可能确保你干嘛？你还想要了就不给你清空啊，你点这种效果干嘛呀？ 是不也一样啊？这东西都会给你留着，但是有一些情况干嘛呢？我不需要你用缓存，我希望干嘛呀？你将我这整个页面是完整的去刷新啊，不要去用缓存，那怎么办呢？你可以按着这个 ctrl 加上什么呢？ f 五，哎，叫什么呀？强制清空缓存去刷新，那这块是不是就没了呀？哎，但这是我们说我们手动的方式，那么说如果我要调方法怎么调呢？我一点是不是没有强制清空，哎，那怎么办呢？来看着我在这传什么呢？传一个 处属于布尔啊，哎，这我们来看什么效果啊，一刷新一点走你是不是就没了呀？ 哎，所以传一个触表。什么呀？叫强制清空缓存刷新啊？强制清空缓存刷新，所以这块我们注意如果什么呢？ 如果在我们这个方法中传递一个这个处作为参数，则会什么呢？则会叫做一个强制。哎，清空 缓存刷新我们这个页面啊，强制清空缓存刷新页面，就这么一个区别，不传出干嘛呀？不清空缓存，这个传出干嘛呀？清空缓存刷新啊。好，那这个呢？是我们说的一个哎 redow 的，然后接下来还有一个叫什么？叫做一个瑞坡 瑞布莱斯，使用新的文档替换当前文档，其实这个荷尔散呢，他也类似啊，很像。 来，直接来看吧，老 k 上点一个 rap， 瑞布莱斯，瑞布莱斯就是替换的意思，对吧？那替换意思瑞布莱斯呢？我这一块啊，直接传一个这个相对相对路径啊，我们来说一下他什么意思？瑞布莱斯可以什么呢？ 哎，也是可以使用一个这个新的这个页面替换当前页面，他也会什么呢？也会调用完毕， 也会什么呢？也会跳转页面啊，跳转页面我这一保存，咱们来看效果，一刷新，现在我一点是不是掉的吕布累死呀，哎，我这一点， 哎，是不是也跳这个蚌埠了，所以你会发现这个感觉好像跟那个什么呀，跟那个散，还有直接改是不是差不多呀，但是你要注意啊，你看着啊，我这跳完了，你看我能不能回。 退了，退不回去吧，退不回去我们再看啊，我得关上重新演示一下，运行一下。现在这是没有历史记录啊，我这一点他一走，你是不是切换页面了，但是注意能不能回退，不能回退，所以他的区别就是什么呀？他不会生成历史记录， 哎，他不会生成我们这个历史记录也叫什么呢？哎，不能使用我们这个回退按钮干嘛呀？ 回退，哎，你说他是什么呀？他是替换，没有生成历史记录，你要想退呢，你就干嘛了，你就退不回去了。哎，就这么一个区别，阿萨还有这个 replex 他没证明的区别。阿萨呢，有历史记录，而 replex 呢？没有历史记录啊，没有历史记录。 好，那这个呢？是我们说的一个老 k 神。这个对象啊，比较简单，以后想操作地联就找我们的这个老 k 神啊老 k 神。好，那这里边呢？我们来听一下。

这个视频我们介绍两种方法，用 gs 实现返回页面顶部的功能，现在呢，我下拉页面在右下角呢，有一个返回顶部的悬浮按钮啊，我们点击一下它就可以返回到页面顶部。 除了返回页面顶部，还可以随便返回到页面任意一个位置，像以前类似的功能呢，可能会用到锚点， 但是锚点的定位功能呢，没有用 gs 灵活，并且对页面的链接多多少少都会有点影响，比方需要后退到上一个页面呢，可能就会有问题哈，这里我们说一下用 gs 怎么实现， 看一下代码，页面布局非常简单，用了八个地方来模拟页面的内容，还有一个返回顶部的按钮，现在下拉页面点击这个返回顶部的按钮呢，是没有效果的，我们来学一下 j s， 这里会给大家介绍两种方法，先获取到返回顶部的这个按钮，监听一下它的点击事件， 然后来看一下，当点击按钮的时候，希望页面它返回到哪一个位置，这里呢一共有八个点， 比方我希望页面他返回到顶部呢，其实就是返回到第一个地府的顶部，对吧？所以就要先把第一个地府的对象呢获取下来， 第一个呢就是这个集合里面的第零个哈，然后呢用一个 score interview 的方法，里面呢给他传一个对象，这里用 blog 这个属性值呢，用 start， 那也就是起始位置的意思啊，就当我们点击这个按钮呢，页面他就会返回到最前面这个点，他的起始位置，也就是呢返回到 页面的顶部了，下来页面，然后呢点击返回顶部这个按钮，对吧？瞬间呢？跳转到页面的顶部了，但是这里呢，他是瞬间跳转的，没有一种平滑过度的效果，如果希望有过度的效果，可以加上 behave 属性值是什么， 对吧？现在就有过度的效果，慢慢的滑过去了。除了返回到页面的顶部，还可以返回到页面其他的位置啊，比方说现在呢，我要控制它返回到第三个 diff 的顶部，第三个 diff 也就是这个几何里面下标为二的这一个 滑动页面，再点击按钮，没有问题，现在就是返回到第三个地方的顶部了。 block 的属性值还可以用 and， 那是元素的其实位置，也就是那顶部，那 and 就是元素的底部。比方我要页面滑动到第六个地方的底部，也就是那下边为五的地方。滑动页面 再点击按钮，没有问题啊，他是页面的底部对齐了，第六个底部的底部是这样子来对齐的，哪怕呢，你是在前面再点击一下按钮，他也是滑到第六个底部的底部。好，再来说一下第二种方法， crying to biu， 这个方法是我们希望页面滑动到哪个元素上面的时候用的，就要获取到对应的这个元素对象。 再来说一个方法，这个方法呢，就不是控制他滑动到哪个元素上面了，而是直接控制他在熨斗上面来进行滑动。方法呢是 scroll two， 参数呢，同样给他传一个 对象属性呢，就要改一下，这里不用 block， 改成用 top。 如果希望返回页面的顶部呢， top 就为零，越黑越这个属性要保留，这样才会有平滑过渡的效果。 滑动页面再点击按钮没问题，同样可以返回顶部。那如果现在我不需要他返回到页面的最顶部，就返回到第三个 tiff， 这里可不可以呢？同样没问题，我们只要计算一下前面的高度就可以了，也就是呢前面两个 tiff 的高度， 这里一个地方的高度呢是三百五十像素哈，两个就是七百，所以这里呢就写七百就可以了，不用写单位的。滑动页面， 再点击按钮没有问题，同样可以滑动到指定的位置。好，这个视频我们就分享了两种方法，实现页面滑动到指定位置的，感谢大家的收看。

那这个界界面已经完成了，那咱们来完成一下这个功能，那功能呢？其实咱们主要做两个功能啊。两功能？第一个什么功能啊？我一点这个小点的时候可以切换 图片啊，哎。切换图片，所以第一个功能我们要做的是什么呢？我在这来写一下，叫什么呢？叫做点击我们这个长链接， 要切换到我们这个指定的这个图片啊，点击超链接，切换我们到指定图片。那么说怎么切换的呀？点击第一个超链接， 点击第一个超链接，显示什么呢？显示第一个图片，点击这个，哎，第哎，二个超链接，是不是显示第二个图片啊？我就不再多写了啊，这都是废话了啊。第二个图片，那点击第三个显示第三个，点击第四个图片， 显示显示第四个呀，哎，显示第四个啊，这么一个东西，那这事其实我们都熟了，我应该先干嘛呀？ 点击超链接，那我是不是要给给超链接绑定单机响函数啊？哎，绑定单机响函数，所以这里边我们来为什么呢？为所有的这个超链接都绑定我们这个单机响应函数。直接来一个 for 去弯先便利 y 一个 i 等于 零，然后，哎小于我们这个 oa 点一个愣死，然后来一个，哎，加加变力啊，然后这个 oa， 然后来什么呢？ i 点一个 on 和立可等于一个 function function 呢？直接来一个额尔他一个这个 hello 保存，咱们来看效果。现在我一点 走，你是不是 hello 啊？这一走你是不是也 hello 啊？哎，点谁是不是都是 hello 啊？哎，这一块就 ok 了啊。单击响应函数绑定完了，那接下来呢？ 接下来要干嘛呀？是吧？切换图片了，点击第一个长链接显示第一个图片，点击第二长链接显示第二个图片。那问题来了，我点的是第几个长链接啊？ 首先我说我点的是哪个超链接，我知不知道？知道这次是不是就是啊？这次就是啊，我一刷新走你是这个呀，再点是不是就是他，但是注意我们知道是谁不重要。我得知道什么呀？ 我得知道他是第几个吧，哎，我得知道是第几个，所以第一件事我需要干嘛呢？我需要，哎，知道我们这个，哎，叫什么呢？叫做获取我们点击超链 接的什么呢？超链接的锁引啊，我要获取我点击的那个超链接的锁引。那怎么获取？哎，我这个乐特，哎，行不行，行不行？ 可以是吧，这问题咱们以前演示过，哎，这是一个单机响应函数，外边是一个负，我循环，他们的执行次序是什么？ 先执行负额循环，然后执行单击函数吧，也就是说当我单击想函数执行的时候， fux 循环人家早就执行完了吧。那复合都执行完了， i 是几啊？ 哎，是哎，是五吧，哎，我最大长度应该是五，所以你就会发，发现什么呢？你点每一个是都是五啊，所以你，哎能获取到吗？获 九哥，哎，注意啊，一定注意。他们执行次序是先干嘛呀？先执行负卧循环，再执行什么呀？单机响应 函数啊，咱就讲函数，这就像什么呀？这就像我这块，可能我是一个假设，我是一个卖苹果的，卖苹果呢，我家有一个大筐苹果，然后呢，我要干嘛呀？把这些苹果装到小筐里边去 去卖，哎，可能有一堆苹果是吧？一堆苹果，然后往里装，我说我这数，哎，从大框往小框里数啊，你应该能想这个镜头是吧？我这数一个、两个、三个、四个、五个、六个、七个、八个。假设我装了八个苹果，那现在我从这个框里我随便拿出一个苹果来， 那我问你这是第几个知道吗？不知道吧？你装的时候你数的，你取出来的时候是不是就没数了？哎，你不知道你拿的是第几个， 那怎么办呀？那怎么办呀？咱们先把苹果这问题解决了，这是不是一个意思呀？你现在是一个一个绑定的单机显函是不？绑定完了，你是不是不知道他是第几个了？那现在就需要知道怎么办呀？ 哎，那我这么想呗，我这有苹果，我拿出一个，第一个苹果我咬一口放里边，第二个苹果咬两口放里边，第三个苹果咬三口放里边，第八个苹果咬八口就是变成糊了是吧？变成糊了，然后来人买苹果了是吧？说我要第八个苹果， 他把壶拿准了，这第八个。甭管说这个招高不高，但是至少我们是不是可以知道我们这个是第几个苹果了？哎，第几个苹果了，那其实你不一定可以咬是吧？可以干嘛呀？拿个笔写上是吧？或者贴个标签，什么都行啊。哎，贴个标签，那同样我能给苹果贴标签， 我能不能给我这个超链接贴标签呢？哎，但这是为我们这个超链接来绑定单击响应函数，那我能不能给他贴个标签呢？那我是不是希望我们的这个每一个超链接都能去保存他自己的那个锁引啊， 哎，那我想想，那我现在这个哦，这个 a， 然后一个，哎，这个代表的是谁？是不是代表的我每个长按键啊？然后来什么呢？点一个这个 index， 点一个 index 什么意思？我是不是给他添加一个 index 属性啊？来什么呢？来等于哎， 完了等于哎，或者这样咱们为了区分一下，我这不叫一代，叫一个这个 number， 哎，给他来一个编号啊的编号，那这是什么作用呢？我们来为每一个这个超链接都添加一个 number 属性，那我们来看看这是什么效果？这个 for 循环会执行五次，对吧？第一次执行的时候 i 是零，那我就是把第一个长链接取出来，然后给它加一个 number number 属性，那属性值多少？是零吧？那第二条链接呢？ 是不是一啊？第三个长链接是不是就是二啊？以此类推，那现在我每个长链接里边是不是都有一个 number 属性啊？这个值是不是就是我们这个 a 的一个？所以啊，它的作用就相当于我在每个苹果上做了一个标记。那只不过我是在什么呀？在对象上做这么一个 标记吧，标记完了怎么取啊？这次是谁啊？这次是不是就我们那个对象啊？这次点 number 是不行了呀，对吧？我一保存，咱们来看一刷新，这一点 零，最后一个四，这个三，这个二，这个一，估计有了，哎，就可以了啊，所以注意怎么玩的，就是把这个索引作为我们这个对象的属性去保存就 ok 了啊。好， 那现在我们已经知道我点的是哪个苹果了，点的是不是苹果啊？我已经知道我点的是哪个超链接了吧？那现在我假设我点的是所以为零的超链接，我是不是应该就显示 锁引为零的图片啊？我点的是锁引唯一的长链接，是不是应该显示锁引一唯一的图片啊？哎，所以获取长链接的锁引并什么呢？哎。并将其设置为我们这什么呀？ index， 哎，直接来什么呢？来一个这个 index 等于一个 this 点 number， 我干嘛了？我是不是将这个 this 点 number 值复值给我们全局变量 index 啊？哎，你说我要修正，我当前 正在显示这个图片吧，哎。那然后呢？然后呢？然后我这是要切换切换图片啊，哎。切换图片，那这块切换图片怎么切啊？哎。是不是修改我们这个 i m g list， 点一个 style， 点一个 left 呀，哎，等于啥呀？ 等于啥呀？如果我想显示第一张就是什么呀？第二张，第一张是什么呀？第一张是 零吧，哎。第一张是零 px， 所以这块如果你显示零 px， 他干嘛呀？他是不动啊，哎。如果你想显示第二张呢？ 是负五二零 px 呀，哎，五二零 px， 我这一刷新这一点是不变成他了呀。你要想显示第三张呢，是负幺零四零 px 呀，易保存易刷新 第三张了呀，哎，那这有什么规律啊？哎，我们来说第一张第一张锁引为多少？锁引为零，那我这个 left 呢？ left 是不等于零啊？咱们就这样写啊，第一张锁引为零， left 等于零，那第二张呢？ 第二张所以为多少？所以为 e left 呢？负二零吧，哎。负二零。第第三张 第三张所以为二，应该选什么呀？负的幺零四零吧，看见规律了吗？ 哎。那这个第一张显示零，我们说零乘以负五二零，是不是就等于零啊？哎。第二张显示负五二零零乘以 不是一乘以负二零，是不是负二零啊？哎。第三张显示一零四零二乘以负五二零，是不是就是负的一零四零啊？所以你发现什么了？正好是，所以乘以那个 负二负负外二吧，所以你有没有啊？ index 吧。哎，所以我们这只需要干嘛呀？来一个负五百二乘以什么呀？ index 就行了呀，然后不要忘了加上一个 ps， 这就 ok 了呀，一保存咱们再看刷新。走走走走走，这不就 ok 了呀。哎，点哪个就切换到了哪个啊，就切换到哪个了。好，那这块切换完了，但是我们先来看一个问题， 我这点是永远是第一个呀，哎，点没跟这变，那怎么办呀？那我们说了，你 点完了以后，你说这条那个点也跟着变呀，哎，所以在这我来干嘛呢？来修改我们正在 是选中的这个 a 呀，哎，修改我们正在选中的 a， 我们先采用这么一种方式啊，来一个 o， 一个 a， 然后中科二。一个什么呢？一个这个 index， 点一个，其实我就直接这次就行了啊， style 点一个这个 background color 等于什么呢？等于一个 black， 你先看我这么写行不行， 试试是吧，一刷新走你行了是吧？走你走你走。你完了， 是不是都黑了呀？哎，都黑了，为什么呀？你这一设置完了是不是都点一个黑一个，点一个黑一个，你不仅应该把它变黑，还应该把别的干嘛呀，是不是变红啊？哎，变红，所以这么写呢？ 不行啊不行，不能这么写。那怎么办呢？那现在我们来看啊，这变黑变红这事，我们是不是每次都得干呀？每次都得干，那这样我们不妨干嘛呢？定义出一个 方法，哎，专门来干这个事啊，我在这来干嘛呢？注意了，这个方法我们就在内部用，所以这个方法就直接写到这个 windows 里边，如果你还需要在家用，你就写外边，在这，你直接在这用啊，来干嘛呢？我们来 创建一个这个方法用来干嘛呢？用来设置我们这个选中的什么呢？ a， 直接来一个方。什么叫一个 set 一个 a， 设置 a 啊？设置 a， 我来怎么写？看着 for 循环 y 一个 a 等于零，然后 a 小于 o a 点一个 lins， 我是不是对这个 a 进行便利啊？哎，对这个 a 进行便利，然后来什么呢？ o a 中号 a， 点一个 style， 点一个这个 background 的 color， background 的 color 等于什么呢？等于一个 red， 我知道在干嘛， 我是不是对所有的 a 进行便利，然后把他们背景颜色设置为红色呀？哎，红色，然后看这我掉一个这个赛特 a， 那这回我一点什么效果？ 已刷新，现在一点走，你一点一点一点，是不全变红了呀？哎，全变红了，别着急，全变红了也不行啊，那还得干嘛呀？这咱们先写一下啊，便利我们这个 所有的 a， 并什么呢？并将他们的这个背景颜色设置为红色啊，设置为红色，然后这呢我还要干嘛呀？将我们这个 选中的 a 设置为黑色。哪个是选中的呀？是不是就是我那个 index 那个呀？哎，设置为这个黑色，直接来一个 o a， 然后这来什么呢？ index 点儿一个 by 一个 ground 啊，对，点 style 啊，点 style s， t， y， l， e 点一个 background color 等于个 black， 那这什么效果呀？我让其他的 a 都变红色，然后剩下的选中的是变成黑色呀。那这回再看一刷新，再一点投，你 走你走你走，你是不跟着变了？哎，就跟着变了，但是看没看到问题啊， 看见了吗？我鼠标一上的那 hover 是不是没了呀？哎，为啥没了呀？我这是不是给他设置一个内 连样式啊？内连样式的优先级最高是不是比内后位要高啊？所以这后位样式是不是这还能出来？但是当我点了一次以后，是不是出不来了，哎，出不来了，那这一块咋办呀？内连样式的优先级高怎么办呢？ 哎，那我这样写，我不写 red 等于什么呢？等于一个空串行不行？ 背景颜色等于个空串，等于是我把他那个内连样式背景颜色是不给他去了呀。内连样式背景颜色去了，那么说了，我样式表里边是不是有一个背景颜色的红色呀？那内连样式没了，是不是就样式表里边 生效啊？哎，那这样就干嘛了？是不是就不会覆盖了？哎，不会覆盖了，这个再看啊，我们来看一刷新，再一点是不就没事了？哎，就可以去切换了，看懂了吗？ 哎，一定要注意啊，这块等于空串是干嘛？就是把这个 back 管的样式给他去了，去了以后是不是就是我们那个什么呀，默认样式吧，哎，默认样式啊，这么一个效果啊，好，这块整完了，这东西是不是非常简单呀？哎， 但是有一些细节地方非常多，是吧？哎，细节地方非常多，但是这东西切换是切换，但是这玩意还不如咱们之前做那个，是吧？费半天劲，结果还是这个效果， 是没转起来啊，哎，所以我们需要让他转起来啊，转起来我们就需要加一些什么呀？动画的效果，那这玩意简不简单呀？ 哎，咱们把咱们那个 toos 是不是给它引入进来就行啊？哎，来引入我们这个工具，引入我们这个工具，咱们是不是只需要加咱们那个木函数，是不是行了呀？ 来这里边来一个 src 兔子，引入进来以后咱们再看。那现在这个切换我还用不用这么切换了？不用了吧，哎，我把它注了来 这块写出。是啊，这是设置我们这个选中的 a， 选中的 a， 那在这呢，我来一个，叫什么呢？哎，咱们使用什么呢？使用我们这个木偶函数来切换我们这什么呀？图片怎么切换？直接来一个 木木参数给列出来了。第一个是传一个 object 吧，要执行动画的对象是谁啊？ 是不是就是 i m g 例子呀？第二个是我们要执行动画的这个属性，谁呀？是不是 life 的呀？第三一个是我们这个什么呀？他给的是不是一执行动画的目标啊？目标是哪啊？是不是负的五二零乘 以我们这个 index 呀？哎。然后最后一个不是最后一个，第第四个速度，速度，先来一个十，最后一个是我们这什么呀？回掉函数先写上。不一定用啊，不一定用，先写上一保存是不就写完了呀，哎。然后再一刷新，走你。这回你再看 是不是就有轮播的效果了，有点，有点慢，咱们来一个二十，已保存，在已刷新，走，你 是不是就 ok 了呀？哎，这个图片就给他切换了，但是你要从最后一张切换到第一张，稍微会有点 有点长，是吧？有点长啊，这是我们的这么一个，这个效果，咱们就给他做完了，哎，就做完了，点击我们这个切换图片啊，好，那这个里边呢都是咱们学过的知识，没有难点，稍微有一点 难度就是我们获取这个，所以这块你稍微看一下，然后还有我们设置这个 a， 这块其他地方其实呢都不难啊，其他地方都不难，这块功能就完成了。然后呢这个功能完成了，还有一个什么呀？是不是自动切换呀？自动切换是不跟这个 差不多了？哎，差不多了，今天晚上把这个斜斜，然后去想想这个自动轮播自动切换图片怎么来完成啊？怎么来完成？来，我们呢先停一下。

大家好，今天要分享的是在浏览器中利用 javascript 实现连续点击功能，功能简单，实现方便，但是请正确使用。这是一个静态网页，它有一个按钮，点击后可以使上面滴数字变大。 按下键盘的 f 一二后，打开开发者工具右键要点击的按钮，选择检查 右键自动选中的代码块，复制复制 g s 路径，然后在控制台中输入代码， 不要在输入时随便按回车，当有返回数字出现时，说明代码没问题。 这里是错误示范，在花括号里粘贴之前复制的 js 路径， 然后输入点 click 一零零零 查看一下网页，按钮被持续点击，数字持续变大，要停止运行，输入 clear interval 数字。 本期分享到这里就结束了，欢迎大家批评指出。

js 视线回到顶部按钮。

网页上这样的弹出窗口怎么做？别划走，我给你教。 这是我们上个视频中学习过的提交按钮代码， 我们先在浏览器上运行看看。我们点击按钮没什么反应，因为我们在代码中还没有添加弹出窗口代码。在这里插入一个 office 事件， 本耳是弹出窗口，小括号里面是弹出窗口内容。 这是一个最简单的 javascript 代码， javascript 是一种轻量级的编程语言，是可插入 html 页面的编程代码。 bank lake 事件只是您即将在本教程中学到的众多事件之一， 运行看看没问题。 我们还可以用 button 标签， button 同样是一个按钮，写法和上面的差不多。 浏览器上看看， 大功告成。

啊，我想一下有关于 vivo 一点 c s 的一个小案例，这个小案例是这样的一个效果啊，就是点击三个按钮，分别使背景变为蓝色、红色和绿色， 体现了通过 v o 一点儿 g s 能控制样式这样的一个问题。 那么大家呢，就看一下刚才发的这个两个照片，然后呢，我在这边演示一下这个过程。首先呢，在 examples 这个工程之下呢，我们再新建一个目录，叫什么呢？叫 二零二三 九杠二十五，是吧？然后呢，新建一个 h t m l 文件， 叫做 my color， 然后第一件事就把 vo 一点 g s 这个库请进来吧，这是不是知道，知道吧， 顶进来的是二点几的还是三点几的？三点几的吧，对不对？然后我们做 啊界面当中的内容，来一个 div， 他的 id 一般叫什么名？ 叫什么名？ a p p 哈，那么我们受这个当前的这个文件的 v o e 控制的内容就在这个 div 之内。然后这里面呢，主要就编三个什么呀？编三个什么 按钮吧。 然后当我们的按钮啊， 被点击的时候，要触发的是什么事件呢？ 是不是 click 呀？对不对？那触发 click 事件了，然后与 no 一点 g s 里边的 messers 里边的这个相应的什么呀？一个方法关联吧， 关联的方法名是不是在 v 减号 on 冒号 click 后面写，对不对？那么写一个，比如说 bluelucaller， 要起到顾名思义的作用，然后呢，来两个空行， 来两个空行，接着呢，再用同样的办法去写这个另外的两个按钮， 长按方法写另外两个按钮，变为红色，变为绿色。 红色是 r e d 是吧？绿色是什么呀？好，那么现在呢，我已经在前面呢写好了界面啊，都在啊。 i d 为 a p p 的 div 里放着呢三个按钮，而且呢，还写了 可立可事件触发之后所调用的方法啊， blue color， red color 和 green color。 上面这部分大家都懂了吗？懂了是吧？好，那接着呢，我们再来一段 script 啊， script 脚本，那这个呢？常规操作是吧？ const， 然后括号 rate a p p 等于 v o e 是吧？ 然后我们再创建一个 a p p 对象，等于 create a p p， 然后里边餐是一个对象，然后这个对象里呢，我们用到的是 masters 这样的一个属性啊，方法，方法属性， 然后我们在 master 这里面括起来，括起来里面写几个方法呢？应该写的是三个方法对不对？每个方法之间怎么的？逗号隔开啊？逗号隔开，首先是 blue color 不开了，然后呢，啊，这个方法里边的代码只有一句话，让文档的背景变为蓝色 document 点颜色是 b g color， 最好就是用呃 h build x 的提示信息，这样不会错。刚才呢，我非常自信的敲 挑完的呢，也非常自信的错了啊，那个这卡点，那个 c， 我写小写了，应该是什么写？应该是大写对，然后调了一会，哎，发现怎么有问题呢？后来呢，又把这行重打了，按提示信息的方式重打了，然后就没有问题了是不是？ 然后是 green。 最后一个方法，不要再写逗号了，因为他没有下文了。 然后不要忘了这后面的 mount 连接， 用 mont 连接我们的六一点 g s 的对象是 a p p， 它和呃 d i v a p p 啊， id 为 a p p 的 d i v 关联起来，关联起来之后呢？呃， i d 为 d i v 的 i d 为这个 a p p 的 d i v， 它才受我们的 v o e 对象控制，是吧？ 然后我们现在运行一下，看有没有效果 啊？你那没有看我这有没有啊？哦，我这也没有，我这后两个有，第一个没有。 为什么第一个没有呢？因为我第一个呀，不录敲错了啊？不录敲错了 e l u e。 啊， 他找不到这个方法了，我再试一下啊。哎，这回可以了。好了，这个案例呢？就到这了。

给页面添加一个按钮， 太过等于八分，表示这是一个按钮，外流是按钮上的文字，看一下 这个就是按钮默认的样子，美化一下这个按钮，给这个按钮加上样式， 点击一下没有任何反应， 现在给这个按钮的点击事件加上代码， 当点击这个按钮的时候，会把文章字体颜色变成红色， 再点击一下这个按钮，发现颜色变了，是不是很神奇？

这节课来讲豌豆对象 window 是窗口的意思，他表示浏览器窗口这个对象里边有很多关于浏览器信息的属性，也有一些操作浏览器窗口的方法，这里只讲以下几个常用到的。 luck 是定位的意思，它包含当前 ur 信息。 ul 就是我们打开网页所看到的那个地址，包括 a 十， ttp、 冒号、刷斜杠、 w w 等。 这一串就是一个 uir， luck 上可以设置或者获取 uir 的每一部分。黑子 siri 是历史的意思，它包含用户访问过的 uil， 通过他我们可以控制浏览器前进或后退。欧喷方法，可以打开一个新的浏览器窗口， 把一个 ul 在新窗口中展示可乐的方法，可以关闭浏览器窗口来看代码， 这是一个链接，点击之后跳转到同底下的后面页面来看后面页面的代码。这个页面只有一个按钮，点击这个按钮的时候调用这个函数， 让页面返回上一页，这就用到了黑的特瑞，黑的特瑞下面有一个贝壳。方法来看效果， 点击 home， 跳到这个页面，点击范围，上一页又跳回来，这就是黑子 siri 的作用，如果我们想让这个链接在新窗口打开的话， 可以这么写， 看效果。点击 home， 在一个新的标线页打开了这个 home 页面。那如果不是链接而是其他元素呢？其他元素想要跳转链接，可以用点击事件来实现，把它改为按钮， 点击按钮，调用这个函数，函数里边这样写的， 通过设置 l k 肾的 hif 属性，让当前页面跳转到这个页面来看效果， 点击这个按钮，跳到这后面页面跟刚才效果是一样的，返回去要实现在进着窗口打开这个页面的话，用 oppo 方法看效果， 点击还是新的窗口，跟刚才用链接时候一样，搂 k 肾。还可以刷新页面，加一个按钮，点击按钮就用这个函数 搂 k 肾。有一个 re 漏的方法，会重新加载这个页面来看一下效果。刷新看到这个没有， 当前人面已经刷新了，再看一下，关闭窗口，点击他打开一个新的窗口，我们在这个新的窗口添加一个关闭按钮，让这个窗口关闭掉。 来看后面页面的代码，加上一个按钮，用这个函数 window delcos 看效果，关闭窗口，刚才那个后面页面就关闭了。前面其实我们已经用过 wifi 对象的属性和方法了，记住这两个， 这个尔勒特也是温度的方法，只不过这个温度可以省略， 同样呢，他也是把温度省略了。好了，这节课就到这里。

欢迎各位来到微信小程序设计第一期，那么这节课呢，主要教会大家通过按钮跳转到其他页面， 那么我们主要是加了这样的一句代码，在 w xml 这样的文件里面啊，我们加了一个 bing to tap 啊，触发按钮 啊，引起这样的一个勾 q 函数的调用，而我们的勾 q 函数的这个设置是在 js 文件里面啊，就是我们对应的页面下的加个 screet 文件里面， 你可以设置一个勾 to 这样的一个函数类型，函数中包含了调用的这个 api， 微信点啊， wx 就代表微信点 never get to 啊，注意这个是一个大写 to 啊 t 那么 一个一对括号和一对大括号里面，这个 url 代表你这个需要跳转到的页面，在这个文件中的啊，地址啊，地址， 好，我们这里主要是跳转到的是四五六文件加下的四五六啊对应的页面。好，我们现在实际来操作一下， 好，回到我们上节课讲到的这个按钮的宽度高度啊的一个设置，那么我们只需要在这里啊，加入冰 tep b i n d t a p 啊，等于引号，那么勾球 好，加了这个冰太五勾球之后啊，我们再 回到这个 js 文件里面定义啊，我们的勾区好像函数，那么我们这里直接就复制这段代码，复制这段代码， 把它拷贝到我们的对头下面的，哎，这个位置进行调用， 我这是函数的一个定义， qq 方式啊，这样的一个 qq 函数，它代表的是微信点亮 det 跳转到四五六啊，这样的一个文件加和 对应的文件页面中，那我们发现这个配几下，老师在这个配几下是没有什么， 没有四五六啊，没有四五六的，大家看一下老师的在这个配几下啊，配几下。没有四五六，那么我们就需要新建一个啊，新建文件加点击， 然后输四五六，然后在四五六里面我们新建一个页面，新建配置，输入四五六，那么程序就会自动给我们进行 创建一个新的文件啊，这个文件四五六对应的这个页面啊，他的显示佩奇是杠四五六，四五六点 mw xml， 你这里也可以加其他啊，比如说加个 t 七 t e a c h e r 啊，这就四五六的页面的显示栏啊，显示栏， 好，我们现在编一下。 好，大家要注意了，我们现在编程是在一二三的这个界面里面，这个文件页面上进行编辑的啊，按钮也是在一二三界面，那么我们今天编辑了这段代码之后， 一二三中的这个确定按钮点击了之后就会跳转到四五六这个页面里面来啊，好，现在我们点击确定。 好，你看现在我们的小程序就谈到了佩奇四五六，四五六点 w x m t 七二啊，这样的一个页面下啊，这个就是我们的四五六的这样的一个页面啊，我们要点返回，就左上角有一个返回键，看见没有啊，我鼠标移动了这里，那么就会返回去。 那么总结一下，我们如何让这个按钮有跳转功能，你只需要在按钮中加入一个关键词，冰的太 啊，加一个等于号，一个引号，引号是需要你引用的这个函数名，而这个函数名你是需要在接 中进行定义，那么老师在这里定义的是勾秋，你可以定义为勾 q 一啊，也可以，那么你函数名定改成勾 q 一之后，你结实中的这个函数的定义也要改成勾 q 一啊，勾 q 一 来进行定义，那么这样啊，才能有对应的这样的一个硬设关系，跳转到另外一个页面，而这个勾 q e 这个函数中最关键的就是这一句话， 微信点 never get 就跳转到你对应的页面，而这个 url 代表的就是我们的地址啊，在工程项目中，配计师 就是这个，我这个鼠标指的这个佩奇总的页面，那么下面有分一二三四五六，现在我们是要跳到四六五六文件加下的四五六的对应的整个的这个页面上啊，页面上，所以就是这样的一个数学 啊，地址，好，现在我们编一下，再试一下，因为我们改了这个韩束名啊， 好，现在我们点击确定。好，等一下你看他是不是又跳到了四五六啊，所以函数名你是可以任意更改的。好，那么老师这节课啊，就讲到这里啊，感谢各位同学的收看。