![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
干起来
OnlyU恩
学!!!
展开
-
insertAfter() 的脚本
js没有自行提供insertAfter这个函数,但提供一系列工具,可以让我们自己写一个这样的脚本。做个判断:(1)如果是目标元素是最后一个,就直接appendChild。(2)不是的话,就用insertBefore(),先找到目标元素的下一个兄弟元素,再插入这个兄弟元素的前面。function insertAfter(newElement,targetElement){ var parent = targetElement.parentNode; if(targetElement .原创 2020-11-01 16:06:31 · 148 阅读 · 0 评论 -
window.onload
如果让这个函数在网页加载完毕之后立刻执行。网页加载完毕时会触发一个onload事件,这个事件与window对象相关联。那就得用到 window.onload = prepareGallery; //prepareGallery 是个函数假设我有两个函数:firstFunction和secondFunction。如果想让它们俩都在页面加载时得到执行,该怎么办?第一种: 常用的window.onload = function() {firstFunction();secondF.原创 2020-10-29 12:07:41 · 166 阅读 · 0 评论 -
JS正则表达式
先讲讲一下字符串的操作search 查找 //找到返回位置substring 获取子字符串 //获取其中一段charAt 获取某个字符 split 分割字符串,获得数组replace 替换 //单独来讲没啥意义,配合正则比较牛逼,如敏感词的替换操作RegExp对象 (有两种风格)JS风格——new RegExp(“a”, “i”)perl风格——/a/i (用下面的多吧.原创 2020-10-22 15:03:15 · 119 阅读 · 0 评论 -
关于 JS 的继承
function A(){ this.abc = '111';}A.prototype.show = function(){ alert(this.abc);}function B(){ A.call(this); //这一步是继承了A的属性, /* .call()跟普通调用也没啥区别, 但A.call()里的第一个参数是改变A类里的this的值, 原本应该是window */}for(var i in A.prototype) { /*..原创 2020-10-20 21:56:33 · 100 阅读 · 0 评论 -
Ajax
ajax的用法function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象> 兼容了IE6,虽然IE6灭绝了> 这里只要展示if里的判断语句,用window.XMLHttpRequest是因为//用没有定义的变量——报错//用没有定义的属性——undefined if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else //这是兼容IE6 {.原创 2020-10-19 15:35:53 · 133 阅读 · 0 评论 -
自定义滚动条
这个其实跟拖拽也没啥差别,只是js中多加了一个 scale 的变量。#parent{ width: 600px; height: 20px; background: #ccc; margin: 10px auto; position: relative; } #div1{ width: 20px; height: 20px; background: red; position: absolute; } #div2{ width:原创 2020-10-15 08:57:33 · 169 阅读 · 0 评论 -
js拖拽——带框
拖拽大概原理都在这了,注释也写的很清楚。上面也不多说了 *{ margin: 0; padding: 0; } #div1{ width: 200px; height: 200px; background: red; position: absolute; } .box{ border: 1px dashed black; position: absolute; }<div id="div1"></div&g原创 2020-10-14 23:39:30 · 206 阅读 · 0 评论 -
js的完美运动框架
这算是比较完整的运动框架了,底下注释大部分都解释清楚了。为什么 startMove(obj,json,fnEnd) 这里用了json,是因为为了让obj,运动时,里面的样式都同时改变。后面的 fnEnd 函数,是指当对象运动完之后,让别的obj或者自身的obj再做相应的运动。如图:运动框架代码function getClass(obj,name){ //获取对象样式的值 if(obj.currentStyle) return obj.cur原创 2020-10-14 22:22:42 · 286 阅读 · 0 评论