YanTuTwo-优快云博客

转载 js经典小案例之倒计时

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放假倒计时</title> </head> <body> <p>现在距离2020年国庆节还有<span></span>！</p> <script> var span=document.getElementsByTa

2017-09-04 20:20:28 521

转载 Javascript学习第九、十天总结scroll家族和event对象及放大镜特效

1、scroll家族：检测盒子内容的宽高：scrollWidth、scrollHeight 检测卷曲的部分宽高：obj.scrollTop,obj.scrollLeft 如果是页面被卷曲的部分：window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0; 2、新

2017-08-22 20:05:11 577

转载 Javascript第八天学习总结offset家族及简单轮播图

offset家族： * offsetWidth/offsetHeight:检测盒子的宽高：width+padding+border; * offsetLeft/offsetTop:检测盒子距离有定位的父元素的距离 * offsetParent:盒子的有定位的父元素先封装一个移动的函数： function animate(obj,target) {

2017-08-19 15:31:35 667

转载 Javascript第七天学习总结之字符串的高级操作

第1章字符串高级操作 1.1字符串的转换一、String(变量); 二、“”+变量；三、变量.toString(); 1.2给索引查字符(charAt/charCodeAt) 1 charAt，获取相应位置字符（参数：字符位置）注释：字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间，该方法将返回一个空字符串。 2 char

2017-08-19 15:15:59 427

转载 Javascript第六天学习总结日期对象和定时器

1日期对象（Date） Date是日期的意思。Data数据的意思。 1.3日期对象定义他就是一个盒子。里面装满了与日期有关的所有信息的盒子。日期对象一般不独立使用，可以独立获取里面的相关信息。 Wed Apr 13 2016 10:45:32GMT+0800 (中国标准时间) 星期月份日期年时分秒时区 1.4定义方法 1.

2017-08-19 15:04:31 320

转载 Javascript第五天学习总结之Dom节点

DOM结构文档对像模型（dom） dom结构的组成就是节点 node 每一个节点都有他的属性和样式，我们可以通过js找到节点来更改样式和属性 1.查找节点 document。getELementById("id"); 通过id找到html元素，调用者是document，返回值：节点。 document.getElementsByTag

2017-08-19 10:09:51 389

转载 javascrip第三、四天学习总结数组和循环

* 1、新的方法： * 获取焦点：元素.focus() * 全选：元素.select() * 判断是否是非数字：window.isNaN(变量) * 2、新的事件： * oninput/onpropertychange 当输入框增加或减少内容时会触发 * 3、新的标签： * 当点击该label，等同于点击指定id的元素 * 4、新的数据类型：数组A

2017-08-14 17:02:21 309

原创 document.getElementsByClassName的封装，兼容ie8

function $(type){ var arr=new Array();//创建一个数组 function find(jiedian,type){//定义一个函数，带两个形参，一个是要遍历的元素节点，一个是节点的类名 if(jiedian.hasChildNodes()){//判断是否存在子节点 var childs=jiedian.childNodes;//子节点集合 f

2017-08-11 19:55:18 550

原创 Javascript第二天学习总结

1、变量变量声明提升：只提升变量名，不提升变量值变量在取值的时候遵循就近原则 2、函数: 函数的定义：（1）关键字function ： function 函数名（）{ 要执行的代码 } （2）直接量： var fn = function(){ 要执行的代码 } (3)构造函数： var fn = new Function("要执行的代码") 函数调用：（1）函数名(

2017-08-10 18:34:09 558

转载 Javascript第一天学习总结

/* * 1、javascript作用：交互，表单验证，特效，一门弱类型的脚本语言，事件驱动 * 2、事件三要素：事件源，事件（click，mouseover/mouseout,mouseenter/mouseleave），事件驱动程序 * 事件源.事件名 = function(){ * 事件驱动程序 * } *

2017-08-10 17:34:32 368

原创对于addLoadEvent（）的简单解析

function addLoadEvent(func){ var oldonload=window.onload; if(typeof window.onload!='function'){ window.onload=func; } else{ window.onload=function(){ oldonload(); func(); } } } 1.先

2017-07-31 08:26:13 463

转载前端小总结之简单的图文混排

p img.one{ float:left; } p img.two{ float:right; } 那一瞬间，你终于发现，那曾深爱过的人，早在告别的那天，已消失在这个世界。心中的爱和思念，都只是属于自己曾经拥有过的纪念。我想，有些事情是可以遗忘的，有些事情是可以记念的，有些事情能够心甘情愿，有些事情一直无能为力。我爱你，这是我的

2017-07-31 08:19:49 2438

原创关于margin使用的注意事项

margin 就是外边距，在日常使用中我们常会使用margin来让两个盒子或者其他元素产生距离。 margin在使用中就会产生一些问题。如下代码，当两个盒子是父子关系时 *{ padding:0;margin:0; } div.box{ width: 200px; height: 200px; background

2017-07-28 19:04:18 1130

转载 Html基础的一些小总结

1）标签行级标签：与生俱来没有宽高，不会换行。如，a b i s u span small strong 等块级标签：与生俱来有宽高，会换行。如，div p h1~h6 ul li dl dt dd等行内块级标签：有宽高，不会换行。如，img input等 2）锚点本页面锚点，使id和window.hash(a标签的href属性中的#id名)匹配跨页面锚点，页面之

2017-07-28 18:40:39 301

YanTuTwo的博客