javascript
¡Venceremo
这个作者很懒,什么都没留下…
展开
-
JS中的filter用法
【代码】JS中的filter用法。原创 2023-02-11 15:22:41 · 96 阅读 · 0 评论 -
json的定义
JS对象转JSON—JSON.stringify(obj1)——在IE7以下浏览器不支持JSON.parse(json)——json转js对象-并返回eval()函数——可以执行一段字符串形式的JS代码,并将结果返回——执行的字符串中含有{}。则会将作为代码块,不希望当成代码块,需要在字符串之后加()原创 2022-11-01 09:16:52 · 918 阅读 · 0 评论 -
js-二级菜单-统一处理动画效果
/为了统一处理动画效果 使用统一的函数方便处理。打开和关闭具有同的动画效果。原创 2022-11-02 13:03:24 · 168 阅读 · 0 评论 -
js-二级菜单-打开一个关闭的同时关闭另一个界面
【代码】js-二级菜单-打开一个关闭的同时关闭另一个界面。原创 2022-11-02 13:03:38 · 325 阅读 · 0 评论 -
js-点击-二级菜单的初步形成
【代码】js-点击-二级菜单的初步形成。原创 2022-10-27 20:22:19 · 221 阅读 · 0 评论 -
js-图片的轮播+自动轮播
/通过css 将最后一张图片立马切换成第一张,多设置一张和第一张相同的图片。原创 2022-10-27 13:50:43 · 258 阅读 · 0 评论 -
js类的操作
希望一行代码可以修改多个样式,可以通过class属性,间接的修改样式,只需要修改一次,就可以修改多个样式,浏览器只需要重新渲染浏览器一次,使得表现和行为分离。修改元素样式,每修改一个样式,浏览器就要重新渲染一次页面。希望添加类 不要重复添加 所以需要元素中是否有类进行判断。//希望一行代码可以修改多个代码通过。在原有值的基础上增加新的变化。删除一个类:使用正则 替换。切换一个类:有就加没有就删。原创 2022-10-27 13:50:55 · 95 阅读 · 0 评论 -
js-图片的轮播-设置主要界面-和鼠标点击进行切换图片
对超链接添加标识,控制图片和超链接的联动显示。实现鼠标点击,控制图片的移动。这里使用了一个大的ul。原创 2022-10-27 13:50:20 · 595 阅读 · 0 评论 -
js-按键控制元素移动,每个元素有自己的定时器
speed:移动的速度 传递的只有正值 这样可以使得原来的初始位置进行判断移到目标位置。attr:要执行的动画的样式 top left width height>...添加回调函数:回调函数可以有任何的可能,可以实现动画的连续,扩展。callback:动画执行完毕执行回调函数。//左移动 目标最小 向右移动 目标最大。target:执行的目标位置。obj:要执行动画的对象。可以外封装函数 之后导入。原创 2022-10-27 13:49:41 · 346 阅读 · 0 评论 -
js-定时器的应用,按键div控制向左移动
封装一个左右移动的函数。原创 2022-10-27 13:49:30 · 947 阅读 · 0 评论 -
js-定时器应用--实现连续性的运动-向右
控制元素持续的向右运动,并运动到对应的位置停止。原创 2022-10-27 13:49:20 · 184 阅读 · 0 评论 -
js-定时器、延迟的调用
setTimeout:调用一个函数不马上执行,而是隔一段时间以后再执行,只执行一次。使用 "clearTimeout("标识"):关闭延时调用。延时调用和定时调用实际上可以定时调用相互替代——相互可以实现。而定时调用,是每隔多少时间执行一次。参数1:回调函数-执行的函数。返回值:延时定时器的标识。原创 2022-10-27 13:49:11 · 311 阅读 · 0 评论 -
js-使用定时器,解决键盘控制div移动过程第一下的卡顿问题
onkeydown:鼠标按下同时控制方向和速度:不行 出现卡顿。鼠标按键——输出方向 和速度。让方向和速度分别被其他控制。开启定时器——控制方向。原创 2022-10-27 13:49:00 · 293 阅读 · 0 评论 -
js-切换图片-实现图片的轮播-定时器
索引为几是时候归零,可以使用%取模。如参数是有效的定时器的标识。如果参数不是一个有效的标识,则什么也不做。原创 2022-10-27 13:48:37 · 338 阅读 · 0 评论 -
js-定时函数的调用-setInterval()
setInterval():定时i调用,将一个函数每隔一段时间执行一次: 参数1:回调函数,函数每隔一段时间被调用一次 参数2:每次调用间隔的时间,单位是毫秒原创 2022-10-26 15:05:42 · 513 阅读 · 0 评论 -
js-Location对象
如果直接将location属性修改为完整路径或者相对路径,则我们页面会自动跳转到该路径,并且会生成相应的历史记录。location:直接打印location可以获取地址栏的信息,且是当前页面的完整路径。也可以修改location的值,也即是转变成为准确的地址信息_——实现跳转的功能。assign():用来跳转到其他页面,作用和直接修改Location一样。也可以是相当路径: location="./样式.html";可以使用一个新的页面替换当前页面,调用完毕也会跳转页。——》(因为可以回退)原创 2022-10-26 14:34:07 · 650 阅读 · 0 评论 -
js-history
forward()--可以跳转到下一个页面 history.forward();back-回退——history.back();可以回退到上一个页面。_可以获取到当次访问的浏览器数量,一关闭就没有了。1:表示向前跳转一个页面 相当于forward()--1:表示向后跳转一个页面。2:表示向前跳转两个页面。-2表示向后跳转两个页面。可以跳转到指定页面——它需要一个整数作为参数。原创 2022-10-26 14:11:58 · 297 阅读 · 0 评论 -
js-BOM-主要是如何判断是什么浏览器
一般我们使用userAgent来判断浏览器的信息,userAgent是一个字符串,这个字符串包含用来描述浏览器信息的内容:不同的浏览器有不同的userAgent:用户代理如果userAgent不能判断浏览器信息,可以通过浏览器特有的对象,来判断浏览器的信息window.ActiveXObject——是IE独有的函数——但是还是无法处理IE11转换以下使用in原创 2022-10-26 10:59:54 · 232 阅读 · 0 评论 -
js_键盘事件-键盘控制div移动
/使得div可以根据不同的方向键移动。第一下:有一个卡顿——只后需要修改。按下ctrl速度变快。原创 2022-10-26 09:43:03 · 251 阅读 · 0 评论 -
js-键盘事件
在文本框中输入内容,属于onkeydown的默认行为,使用return false;取消默认行为,则输入的内容不会出现在文本框中。判断:ctrl和Y是否同时被按下。原创 2022-10-26 09:14:04 · 2057 阅读 · 0 评论 -
js-鼠标滚轮
/但是火狐不成功,因为取消默认行为在火狐中使用addEventListener()方法绑定响应函数u,取消默认行为的时候不能使用return false;---需要使用event.preventDefault()取消默认行为。火狐需要使用:DOMmouseScroll来绑定滚动事件,注意该事件需要通过。向下滚动:-120---值不看大小--只看正负。//当滚轮滚动时,如果浏览器有滚动条,滚动条会随之滚动。第一步:知道滚轮有没有滚动:鼠标滚轮事件--):鼠标滚轮滚动的方向——不支持火狐。原创 2022-10-26 09:14:53 · 1710 阅读 · 0 评论 -
js-拖拽-优化
当调用一个元素的setCapture()方法以后,这个元素会把下一次所有的鼠标按下相关的事件捕获到自身上也就点2 出来1——任何一个都会被btn01捕获--点其他相当于点btn01——是一次性的--,这个是浏览器提供的默认行为,如果不希望发生这个行为,可以通过return false来取消默认行为————//IE8有的:火狐报错,但可以,chrome会报错。当拖拽一个网页中的内容的时候,浏览器会默认去搜索引擎中搜索内容,此。当鼠标按下的时候:所有的事件都是转到box1上 ,不会出现干扰。原创 2022-10-26 09:14:40 · 434 阅读 · 0 评论 -
js-拖拽-div跟随鼠标的拖拽而移动--优化div和鼠标的相对位置不变
/div偏移量=鼠标.clientX-元素.offsetLeft。//div偏移量=鼠标.clientY-元素.offsetTop。box1.offsetLeft:——当前元素相对于其定位父元素的水平偏移量。鼠标指针和div的位置不变。原创 2022-10-26 09:14:31 · 561 阅读 · 0 评论 -
js-事件的传播
—先捕获最外层祖先元素,向目标元素的事件进行捕获,但是默认不会触发事件。——事件从目标元素向他的祖先元素传递,分别依次触发祖先事件。件,然会再向当前元素的祖先元素上传播——事件的冒泡:内到外。微软:事件应由内向外传播,也就是当事件触发时,应当先触。网景:事件应该先触发祖先元素,外到内——事件的捕获。将事件传播分成3部分:IE8以上。——事件捕获到的目标元素。如果希望捕获阶段执行:可以将。原创 2022-10-25 15:49:04 · 263 阅读 · 0 评论 -
js-事件绑定兼容性问题
this的值是由调用方式决定的,在匿名函数中调用回调函数——eventStr:事件的字符串。使用call方法--函数对象中有一个call()和apply()方法。callback:回调函数。obj:要绑定的事件对象。addEventListener里面的this是绑定事件的对象。解决兼容性问题:定义 一个函数,用来为指定的元素绑定响应函数。attachEvent-里面的this是window。初步解决:不同浏览器显示不同的问题。需要统一两个方法的this。原创 2022-10-25 15:30:50 · 214 阅读 · 0 评论 -
js-事件的绑定--
btn01.attachEvent(---------------里面的this是window对象.addEventListener(-里面的this是绑定事件的对象可以为一个元素相同事件同时绑定多个响应函数原创 2022-10-25 15:12:36 · 308 阅读 · 0 评论 -
js-事件的委派
希望:只绑定一次事件,就可以应用带多个元素上,即使元素是后添加的,可以尝试将其绑定给元素共同的祖先元素------------由于冒泡的存在:子元素的事件 会冒泡到祖先元素 ,所以新增的是子元素会冒牌到祖先元素—————————————为每个超链接都绑定一个单击响应函数----当使用js新增链接的时候,新增的链接没有设置事件,如果需要相同的事件,则需要重新添加。原创 2022-10-25 14:02:05 · 209 阅读 · 0 评论 -
js-事件的冒泡
/可以将事件对象的cancelBubble设置为true,就是取消冒泡。冒泡指的是事件向上传导,当后代元素的事件被触发时,其祖先元素。事件的冒牌:其祖先也会触发。取消冒泡:用事件对象。原创 2022-10-25 13:18:03 · 376 阅读 · 0 评论 -
js--div跟随鼠标移动
使用: document.body.scrollTop|| document.documentElement.scrollTop兼容。clientX,clientY的大小是相对于可见窗口的,也就是说当窗口有滚动条出现的时候最大也只有整个可见窗口的大小,不会到滚动条下方区域。//认为浏览器的滚动条时body,可以通过。所以 =滚动条滚动的距离。原创 2022-10-25 12:04:46 · 1280 阅读 · 0 评论 -
js--当鼠标在框中移动,显示鼠标的坐标
注意:在ie8中:响应函数被触发不会传递事件对象,在ie8以下包含浏览器中,事件对象作为window对象的属性。更加巧妙的 : a=a||window.a 如果前面的存在 返回前面的 不存在 返回后面的。在事件对象:封装了当前事件的一切信息,比如鼠标的坐标、键盘哪个按键被按下、鼠标滚轮滚动的方向。鼠标移动的事件.onmousemove。clientX:获取鼠标指针的水平坐标。clientY:获取鼠标指针的垂直坐标。事件对象:当事件响应函数被触发时,浏览器每次都会将一个事件对象。作为实参地进响应函数。原创 2022-10-25 10:13:37 · 910 阅读 · 0 评论 -
js-只有在垂直滚动条划到底部时候 才可以进行注册协议
表单元素:disabled="diasbled"代表不能点击。disabled:true 禁用 false 不禁用。onscroll事件:鼠标滚动事件if(info.scrollHeight-info.scrollTop==info.clientHeight){ //说明滚到底。原创 2022-10-25 09:45:27 · 212 阅读 · 0 评论 -
js_其他操作样式的方法
clientHeight:获取元素可见宽度clientWidth:获取元素可见高度、. scrollLeft===获取水平滚动条滚动距离scrollTop==获取垂直滚动条滚动距离(隐藏的区域-显示的区域=可以滚动的总长)scrollHeight---alert(box1.scrollHeight);—— alert(box1.scrollHeight);“-获取整个滚动区域的高度scrollWidth——滚动区域的宽度---元素整个高度和宽度offsetWidth:获取元素整个宽度原创 2022-10-25 09:32:43 · 115 阅读 · 0 评论 -
js-dom读取样式 样式表样式--只读的样式
语法:元素.currentStyle.样式名 -------------读取当前元首正在显示的样式。window.getComputedStyle---是属性,找不着返回undefined。该方法返回了一个对象,对象中封装了当前元素对应的样式,可以通过对象.样式名来读取样式。解决:js获取样式的兼容性问题:中括号取得对象中的属性:判断浏览器是否具有此方法。getComputedStyle---------是变量 如果找不着会报错。如果获取的样式没有设置,则会获取真实值,而不是默认值。原创 2022-10-25 09:32:24 · 243 阅读 · 0 评论 -
js-dom修改样式-内联样式
元素.style.样式名=样式值----------------->通过style改的是内联样式 具有较高优先级。------------修改宽度。但是:如果给样式添加!important;则具有最高优先级 样式不可呗被js改。background-color==驼峰命名法 去掉减号 将最后一个大写。原创 2022-10-24 19:44:08 · 231 阅读 · 0 评论 -
js-添加删除记录-增加、删除、修改
confirm:弹出一个带有确认和取消按钮的提示框,需要一个字符串作为参数,该字符串将会作为提示文字出来。点击超链接:超链接会默认跳转---但是我们不希望跳转可以改成return false。//创建一个tr 4个td 文本节点。/*点击超链接 删除员工信息 --获取所有超链接*/法二:使用innerHTML方法 直接合成节点。原创 2022-10-24 19:17:50 · 523 阅读 · 0 评论 -
js-dom增删改查
—————在前面插入节点:父节点.insertBefore(需要在前面的元素,在后面的元素);document.createElement("li")========创建元素节点 会根据该标签名创建元素节点对象,并将创建好的对象作为返回值返回。li.appendChild(text)---------//添加关系——————设置子节点添加到父节点下--bj.parentNode——获取父节点parentNode=====子节点.parentNode。//添加关系——————设置子节点。原创 2022-10-24 11:07:26 · 162 阅读 · 0 评论 -
js-dom查询其他
document.querySelector()————根据选择器字符串作为参数进行查询--IE8也支持--此功能强大——使用该方法。console.log(all.length)//页面中所有元素(标签),只会返回一个元素——如果满足条件有多个 只会返回一个--有局限。==(不支持IE8及以下的浏览器)//返回 元素。原创 2022-10-24 09:29:52 · 79 阅读 · 0 评论 -
js--全选练习
this-在事件响应函数中,响应函数是给谁绑定 this就是谁。为单选框绑定点击响应函数。原创 2022-10-24 08:46:21 · 71 阅读 · 0 评论 -
js-获取子节点--具体节点调用
获取包括文本节点的所有子节点___其中空白节点也会作为文本节点---------注意ie8下面不会讲空白节点作为子节点。调用getElementsByTagName=======返回当前节点的指定标签名后代节点。children:获取当前节点所有的子元素——子元素只有标签:不包括文本节点。childNodes---当前节点的所有子节点。firstChild--当前节点的第一个子节点。lastChild--当前节点的最后一个子节点。原创 2022-10-24 08:45:59 · 1107 阅读 · 0 评论 -
js--实现切换图片
/创建变量保存图片的索引。//创建数组保存路径。原创 2022-10-24 08:45:48 · 176 阅读 · 0 评论