RecordStudy

原创 DOM

完整的JavaScript实现包含三个部分:ECMAScript,文档对象模型(DOM),浏览器对象模型(BOM)讲解概念   以及其详细操作

原创 day14--JS10-日期对象、网页时钟、倒计时

alert( new Date() );// 当前系统的时间对象      当前指的是系统读到该行代码 操作系统的时间       Mon Jan 23 2017 09:04:22 GMT+0800     月 日 年  时间 时区var myTime = new Date();var iYear = myTime.getFullYear();var i

原创 day12--定时器回顾

var aBtn = document.getElementsByTagName('input');var arrUrl = [ 'img/1.jpg', 'img/2.jpg', 'img/3.jpg', 'img/4.jpg' ];var num = 0;                    //数组下标var timer = null;               //用来停定

原创 day12--函数返回值和定时器回顾

$('div1')为已经封装好的函数，通过获取到其id找到其元素的位置$('div1').style.cssText = 'width:350px;';  //给id为div1的元素设置style属性值oDiv.currentStyle.width；    此语句在正常浏览器下不能获取也就是说标准浏览器下不兼容，IE6\IE7\IE8\IE9兼容(通过调"浏览器模式"以及"文档模式")

原创 回顾---arguments

fn1( 1,2,3 ); function fn1(){  for(var i=0;i  alert(arguments[i]);      //1、2、3  }  //   alert(typeof arguments);     //object//当函数的参数个数无法确定的时候：用 arguments

原创 day11--定时器管理、函数封装

原创 day11--回顾

原创 day--11--setInterval详解、定时器管理、背景选择实例

setInterval( 函数, 毫秒 )        多少毫秒后执行该函数clearInterval( setInterval( 函数, 毫秒 ));   清除定时器注意：定时器如果由用户控制(即事件)，则先关后开day09、day10玩了2天   要学习了

原创 day10--arguments实参集合与局部变量、参数关系

形参：形式上的参数，也就是说在调用函数的时候可以少写参数，但实参都传进函数里arguments。arguments是对象，拥有length属性以及通过下标查找元素哪什么时候用到arguments？当函数的参数个数无法确定的时候：用 arguments

原创 day09--函数返回值、定时器基础

原创 day08--程序流程控制

判断str的值是字符串"js"还是"html"。。switch( str ){case 'js' : alert( 'js' ); break;        //如果这行不加break，则会弹出js 、html。加了break会跳出循环case 'html' : alert( 'html' ); break;default :                      

原创 day08--运算符、流程控制

取模运算:0%3=01%3=12%3=23%3=0-----------------------------------------------------------------------第一种情况：给li循环添加背景颜色 红、黄、蓝、红、黄、蓝。。var aLi = document.getE

原创 day08-作用域

var a = 1;function fn1(a){alert(a); //1a = 2;}fn1(a);alert(a);               //1 a=undefined;fn1=function fn1(a){ alert(a);a=2;}a=undefined;  --> a=1;  //这是全局变量的a函数里的预解析：  因为

原创 day07--作用域

作用域：在一定的范围内，对其进行读、写操作“js解析器”执行的过程至少2步：1、"找一些东西"：比如 var 、function、参数2、逐行解读代码例：alert(a);var a=1;function fn1(){  alert(2);}解析过程:1、JS的预解析过程  原则:遇到重名的：只留一个(变量和函数重名了，就只留下函数。无论变量在上

原创 day06--CSS的长度单位

在没有任何CSS规则的前提下，1em的长度是：1em == 16px == 0.17in == 12pt == 1pc == 4.2mm == 0.42cm转自：http://www.w3cplus.com/css/the-lengths-of-css.html

原创 day06--CSS中的个别属性

line-height1、line-height 属性设置行间的距离（行高），不能使用负值。2、行高=字体size+行距   （也就是同种颜色之间的距离）教学地址：http://www.studyofnet.com/news/273.htmltext-indent定义：text-indent 属性规定文本块中首行文本的缩进。简单来说，类似中文每个段落的空两格。应用到文本

原创 day05--函数传参

函数传参 代码重用：把函数里不一样的东西揪出来，然后通过参数传递进来         简单来说，把变的值作为参数

原创 day05--数据类型

1、NaNNaN(是数字类型但不是数字)转换为布尔类型为false所有的数据类型，自己都与自己相等除了NaNvar a='200px'-100;alert(a===a);   //false2、数据类型有这些：3、isNaN()   判断某些值是不是数字。当值为数字时，返回结果为false  原理机制：内部根据Number()方法对值进行判断

原创 day05--js数据类型

js的数据类型有：数字、字符串、布尔值、函数、对象(object、[]数组、{}、null)、未定义数据类型的转换1、Number()的使用，遵循“尽量帮你转、整体帮转”的原则。能对以下进行转换2、parseInt()使用,提取字符串前面数字的部分，其他的类型转不了。"从左到右一个一个识别，是数字则通过"var b = ' 200px';alert( parseIn

原创 day04--this探究 this应用 是想找到你想要找的东西

原创 day04--this应用

结论：this  指的是调用当前方法(函数)的那个对象1、this应用按我自己的理解，this如果不在函数中使用指的是window；鼠标点击后调用函数中的this指的是input；鼠标点击调用函数后在调用函数中执行this指的是window应用一：需求：鼠标点击按钮后，其背景颜色发生变化window.onload = func

原创 day03--利用for循环做来一个小V字形（小练习）

div{width: 50px;height: 50px;background-color: red;position: absolute;top: 0;left: 0;line-height: 50px;text-align: center;}  window.onload=function (){for(var i=0;idocume

原创 day03--利用for循环做 逢10 往下一行 练习

div{width: 50px;height: 50px;background-color: red;position: absolute;top: 0;left: 0;line-height: 50px;text-align: center;}window.onload=function (){// 1、先创建divfor(var i=

原创 day03--for应用

原创 day03--动态方法：ByTagName()

1、静态方法   var oUI=document.getElementById("list");    （前面只能为document）                    动态方法  document.getElementsByTagName("li");  var aLi=oUI.getElementByTagName("li");第一种区别：  动态方法有两种表

原创 day03-模拟手机短信发送

html代码：Document  CSS样式：#box1{background: url("7.png");width: 278px;height:586px;margin:20px auto; position: relative;}#box2{position: ab

原创 day01-初级-JS0-热身运动、JS入门教程

js实现的步骤：  1、先实现布局  2、实现原理  3、了解JS语法       （a、获取元素  b、事件  c、添加事件  d、函数：做什么事）注意：1、display：none   显示为无，不占文档流visibility：hiddeen 虽然显示为无，但是占文档流(犹如人披上隐身衣站你前面，当你经过还是会撞到