![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
sunda112
坚持不懈
展开
-
js中,indexOf() lastIndexOf()区别
输入字符串: 找字符串:从前找从后找 function $(id){return document.getElementById(id);}$("btn1").onclick = function(){ alert($("text").value.indexOf($("index").value));//indexOf(),参数为字符串,求索引,从前面开始返原创 2016-11-30 09:38:49 · 1925 阅读 · 0 评论 -
js,scrollTop的兼容性获取
原创 2016-12-08 11:06:38 · 965 阅读 · 0 评论 -
JS,图片上下滚动(主要是定时器的熟练运用)
Home --> *{ margin:0; padding: 0; } #demo { width: 512px; height: 400px; margin: 100px auto; border: 1px solid #f00; overflow: hidden; positio原创 2016-11-25 10:26:51 · 2668 阅读 · 0 评论 -
js arguments.length, arguments.callee的使用
Home --> *{ margin:0; padding: 0; } // function fn(a,b,c){ // alert(arguments.callee);返回整个函数 // alert(arguments.length);返回实参的个数,5 // } // f原创 2016-11-25 09:07:12 · 770 阅读 · 0 评论 -
JS,旋转轮播图效果代码
旋转木马轮播图 var wrap = document.getElementBy原创 2016-12-13 10:16:10 · 2370 阅读 · 0 评论 -
JS,写时钟代码
JS时钟*{margin: 0;padding: 0;}.box{margin:100px auto; width: 600px;height: 600px;background: url(images/clock.jpg) center center;position: relative;}.box div{width: 100%;he原创 2016-11-23 16:09:46 · 4654 阅读 · 0 评论 -
JS实现百分比水平条
* {margin:0;padding:0;} .scroll { width: 400px; height: 8px; background-color: #ccc; margin: 100px; position: relative;原创 2016-12-05 10:43:57 · 3871 阅读 · 1 评论 -
JS,轮播图(用最基本的流程写的)第一部分
w选项卡*{margin: 0;padding: 0;}ul,ol{list-style: none;}#scroll{margin: 100px auto;width: 730px;height: 454px;position: relative;overflow: hidden;}.circle { po原创 2016-11-22 14:29:49 · 396 阅读 · 0 评论 -
JS中,children和childNodes的不同之处
var ul = document.getElementById("ul");var children = ul.children;console.log(children.length);//children 只选择元素节点,没有兼容性问题(但是IE678 会包含注释节点,尽量不在里面写注释) children常用//childnodes方法获取孩子节点 //var c原创 2016-11-21 15:56:14 · 14338 阅读 · 0 评论 -
JS,nextSibling,nextElementSibling 下一个兄弟,previousSibling previousElementSibling 上一个兄弟节点
234234234234234234234234var div1 = document.getElementById("div1");// div1.nextSibling.style.color="red"; 获取下一个兄弟节点 只有IE 6 7 8兼容// div1.nextElementSibling.style.color="red"; 其原创 2016-11-21 15:10:58 · 12385 阅读 · 0 评论 -
JS,封装自己的class类,并且class并不唯一,需要用到split()方法时 (续上一篇)
push*{margin: 0 auto;margin: 0;padding: 0;}div{width: 20px;height: 20px;background: pink;margin: 10px;}getclass("test");console.原创 2016-11-21 13:32:58 · 355 阅读 · 0 评论 -
js 封装自己的class类
push*{margin: 0 auto;margin: 0;padding: 0;}//因为IE6,IE7浏览器不支持ClassName获取元素,所有采用以下方式:先做判断,识别ClassName的直接返回classname//不识别的话,就直接获取所有元素,在循环得出元素中有原创 2016-11-21 11:50:27 · 3014 阅读 · 0 评论 -
js 数组操作常用方法。 push():在数组后面加入元素,并返回数组的长度 unshif()t:在数组前面加入元素,并返回数组的长度 pop()删除最后一个元素
var arr =[1,2,3,4,5] ;arr.push(6,7,8);console.log(arr);// push:在数组后面加入元素 结果是:[1,2,3,4,5,6,7,8]arr aa = [7,8,9,0];aa.unshift(4,5,6);console.log(aa);// unshift:在数组前面加入元素 结果是: [4,5,6原创 2016-11-21 10:15:05 · 22128 阅读 · 1 评论 -
JS中,arguments用来存函数的实参
实践题 - 选项卡 function fn(a,b){console.log(fn.length);console.log(arguments.length);//获取函数实参的个数if(fn.length == arguments.length){console.log(a*b);}else{console.error("error");}原创 2016-11-15 16:45:50 · 765 阅读 · 0 评论 -
js,li形式的选项卡,点击显示不同的div
练习了一上午,一直在获取元素上出错误,最终还是弄好了 Home --> *{ margin:0; padding: 0; } #box{ width: 410px; display: block; } ul{ list-style: none; float:原创 2016-11-18 10:56:16 · 7760 阅读 · 0 评论 -
JS,图片流转
*{ margin:0; padding: 0; } img{ vertical-align:top; } ul{ list-style: none; } #box{ width: 600px; height: 200px; border:1px solid #ccc; margin原创 2016-11-30 13:44:08 · 1739 阅读 · 0 评论 -
文件为图片的格式验证
var file = document.getElementById("file");file.onchange = function(){ var path = file.value; var PATH = path.substr(path.lastIndexOf(".")).toUpperCase();//toUpperCase()字符全部转为大写,.jpg = .JP原创 2016-11-30 11:18:05 · 668 阅读 · 0 评论 -
JS中,concat(), slice(),substr(),toFixed()用法
my name is andy!what's your name?concatsliceslice(3,7)slice(-1)substr(3)substr(3,6)substr(-1)IE678不兼容 var id1 = document.getElementById("id1").innerHTML;var id2 = document原创 2016-11-30 10:14:04 · 602 阅读 · 0 评论 -
回调函数
回调函数,就是个参数而已,只不过这个参数传的是个函数形式,从而放在不同的位置,来实现同步或者异步执行。原创 2018-02-02 10:10:09 · 142 阅读 · 0 评论