随笔分类 -  js记录

上一页 1 2 3 4 5 6
2015.7.11js-14(基本运动)
摘要：1.物体的基本运动。原理：使用setInterval定时器让元素不断执行运动。案例：物体的运动到一定距离后停止jsvar oMoveDiv = document.getElementById("wrap"); var timer = null; var oBtn = document.g... 阅读全文
posted @ 2015-07-19 18:46 AlanTao
2015.7.16-js-14(排序)
摘要：排序的思路：1.先for循环li得到元素集合，放到一个新建的数组里。 2.编写数组.sort()的排序规则。 3.for循环数组appendChild到当前的父级下。 4.li只是元素集合，不是真正的数组Array类型，只是与数组类拟；但可以建一个数组，将li元素集合放... 阅读全文
posted @ 2015-07-16 11:05 AlanTao
2015.7.15js-13(DOM表格应用)
摘要：1.表格的简写：tHead,tBodies,tFoot,rows,cells//普通方法：查找表格中的某一个信息，如找到ID为2的namevar oTab = document.getElementById("tab");alert(oTab.getElementsByTagName("tbody"... 阅读全文
posted @ 2015-07-15 17:47 AlanTao
2015.7.15js-12(DOM的操作应用)
摘要：1.创建新标签：document.createElement(标签名)var oLi = document.createElement("li");2.创建新文本：document.createTextNode(文本)var oTxt = document.createTextNode("hello... 阅读全文
posted @ 2015-07-15 10:30 AlanTao
2015.7.12js-11(DOM基础)
摘要：1.childNodes，获取子节点，本身就是一个数组，可以通过下标childNodes[i]来获取某个子节点。alert(obj.childNodes.length); //高级浏览器会有空白节点的存在//循环根据节点的nodeType类型来判断是不是元素节点for(var i = 0, l... 阅读全文
posted @ 2015-07-12 22:36 AlanTao
2015.7.7js-07-2（基础）
摘要：1.用求模来计算时间，秒%60,就能获取剩余的秒var s = 362;var minute = parseInt(s/60) + "分" //取得分var second = s%60 + "秒" //取得秒var time = minute + second; ... 阅读全文
posted @ 2015-07-12 18:13 AlanTao
2015.7.11js-10(无缝滚动)
摘要：1.实现原理：setInterval定时器，让某元素position的left属性定时滚动，使用到js中的元素的offsetLeft属性。 2.案例：1.css的实现是外div是4张图片的总宽度，设置relative然后overflow隐藏。子代有ul层设置为absolute;left属性移动时都是 阅读全文
posted @ 2015-07-11 18:24 AlanTao
2015.7.11js-09(延时提示框)
摘要：1.延时提示框原理：主要用到setTimeout定时期来设置间隔时间后才执行事件。2.案例，1.简单的移入div1后显示div2，移出div2时设置setTimeout延时后再消失。 2.在移入div2时将setTimeout定时期清除，这样div2就不会消失，当移出div2时又设置setT... 阅读全文
posted @ 2015-07-11 09:40 AlanTao
2015.7.10js-07（简单时间）
摘要：今天学习了一个小程序，将本地时间显示在页面上，用了图片的形式。1.执行原理是，先用6张全0的图片，然后通过循环img各自根据时间来更换相对应的时间图片。2.使用Date()函数获取本地时间，然后转换成字符串的形式。3.使用定时期setInterval()来控制1秒时间。4.IE7下的使用str[i]... 阅读全文
posted @ 2015-07-10 09:41 AlanTao
2015.7.9js-06 命名的规范（参考类型）
摘要：1.数据类型，简单求和小程序window.onload = function(){ var oText1 = document.getElementById("text1"); var oText2 = document.getElementById("text2"); var o... 阅读全文
posted @ 2015-07-09 10:00 AlanTao
2015.7.8js-05(简单日历)
摘要：今天做一个简单的小日历，12个月份，鼠标移动其中一个月份时添加高亮并显示本月的活动。其实同理与选项卡致。不过是内容存在js里 1 window.onload = function(){ 2 var oMain = document.getElementById("month"); 3 ... 阅读全文
posted @ 2015-07-08 08:59 AlanTao
2015.7.7js-05（选项卡）
摘要：this的使用1.this默认指向window,不指定事件元素的时候this指定的是window2.指定事件元素的时候，this指定当前发生事件的元素选项卡（JS），this的使用，先清空所有按钮，再选中当前按钮//jswindow.onload = function(){ var tag = d... 阅读全文
posted @ 2015-07-07 09:16 AlanTao
2015.7.6js-04（for循环的全选，反选，不选）
摘要：常用循环我饿了while(饿了){ 继续吃}var i = 0; //1.初始化while(i<5){ //2.条件 alert(i); //3.语句 i++; //4.自增}2.for循环(与while循环同理)var div = document.g... 阅读全文
posted @ 2015-07-06 22:57 AlanTao
2015.7.6js-03（操作属性的方法）
摘要：今天早上看智能社的js教程第三集，有以下内容：传参数1.函数传参：参数就是占位符（方便以后不同函数的调用），什么时候传参,是在函数定不下来的东西，修改的属性不固定，可变的值时。function setColor(name,value){ var odiv = document.getElement... 阅读全文
posted @ 2015-07-06 10:31 AlanTao
jquery scroll()滚动条事件
摘要：最近做项目用了到scroll滚动条事件，花了很多时间做搜索，没有很好的先整理思考后再去搜索，做编码事件时，没有事先考虑清楚，理清思路，先做简单的测试成功后，再完成其他的实现。1.scroll()事件当用户滚动指定的元素时，会发生scroll事件。适用于所有可滚动的元素和window对象（浏览器窗口）... 阅读全文
posted @ 2015-06-28 15:37 AlanTao

上一页 1 2 3 4 5 6