RecordStudy

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

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

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=

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

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

1、添加单、复选框  每一个单、复选按钮都应该嵌套进label元素中。  即：     男  女     所有关联的复选按钮应该具有相同的name属性。2、使用负值设置页面元素的margin属性  元素的 margin 控制元素的 border 和元素实际所占空间的距离。如果你将一个元素的 margin 设置为负值，元素将会变大。 3、无论在 s

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

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函数里的预解析：  因为

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

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

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

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

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;               //用来停定

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

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

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

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

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

1、font-family应用：   引入Google字体:     将Lobster作为 font-family属性 的值应用到你想要设置的元素上。-------2、有几种默认的字体是所有浏览器都可用的，包括Monospace、Serif和Sans-Serif。如果你想让段落的字体为Helvetica，但你同时想在Helvetica字体不可用时自动降级使用Sans-Ser

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

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

跳跃的课工场        跳跃的课工场            *{            margin:0;            padding:0;        }         .container{            width:600px;            height:600px;         

技能目标 会使用position定位网页元素 会使用z-index属性调整定位元素的堆叠次序定位在网页中的应用什么是定位？没有定位即以标准流方式显示,不使用样式默认的排列方式Left：20px    距离原来左侧增加20像素，即向右移动20像素Top：20px    距离原来上侧增加20像素，即向下移动20像素它自己原来占的物

http://zc.qq.com/chs/index.html代码： 昵称密码确认密码性别男  女生日公历公历公历2001年2002年2003年1月2月3月1日2日3日

1、图片路径" alt="替换文本" >    Img 中属性src的值         可以用相对路径或者绝对路径            相对路径则是在同级的文件中再找到具体文件位置。即与index.html在同一级的文件或文件夹中的images，则可以写成src=”images/1.jpg”            绝对路径则是在根路径中找到具体文件位置。例：src=”e/job

1、HTML的基本框架                                             声明文档类型：html 符合w3c统一标准规范，作用：每个浏览器对html、css、js都有不同的编译模式                                                                  超文本标记语言

1、HTML是什么？  HTML是用来描述网页的一种语言。      HTML 指的是超文本标记语言 (Hyper Text Markup Language)      HTML 不是一种编程语言，而是一种标记语言 (markup language)     标记语言是一套标记标签 (markup tag)     HTML 使用标记标签来描述网页2、为什么要学习HTML？

----摘自百度百科    网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模式。 原理：这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属

计算盒子模型的尺寸 盒子实际高度=上下外边距+上下边框+上下内边距+内容高度 盒子实际宽度=左右外边距+左右边框+左右内边距+内容宽度box-sizing属性 content-box   盒子的实际宽度和高度仅应用于元素内容，不包括内边距和边框 border-box   盒子的实际高度和段杜包括元素内容、边框和内边距问题：求“马”所在div的宽度

CSS高级选择器例子： 并集选择器   P,h1{ color：red}   p和h1标签文字变红色 交集选择器（标签选择器+ID选择器或者标签选择器+类选择器）   P.class1{ color:yellow}  类名为”class1”的p标签样式中文字为黄色，当不同标签使用相同类名时 后代选择器   嵌套标签 p span{color：green}   注意两者标

技能目标  掌握表格的基本用法  掌握表单的用法  掌握CSS的高级选择器的用法表格的基本结构   行              列              单元格          表格的基本语法                    这里表示1行有2列       单元格1       单元格2      表格的

1、什么是CSS  CSS指的是层叠样式表(Cascading Style Sheet) 2、CSS作用   美化网页，类似人穿上新的衣服 3、CSS的优势  1)、内容与表现分离  2)、网页的表现统一，容易修改  3)、丰富的样式，使页面布局更加灵活  4)、减少网页的代码量，增加网页的浏览速度，节省网络带宽  5)、运用独立于页面的CSS，有利于网

教程视频：http://edu.youkuaiyun.com/course/detail/535   从42开始制作的网页：http://www.cnos.co/整体思路：先布局再CSS控制骨架搭好了，初始化样式，后再弄CSS样式。注意：将CSS的样式导入到外部样式表时，要注意图片的位置，以及对外部样式表的引入  1、头部的背景图片的高度128px来自素材的图片高，容器的宽度大

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

数组 用中括号括起来的一组相同的类型不同名称  如车的名字  var car=new Array("Audi","BMW","Volve")对象 用花括号括起来的一个物体，里面有其属性及其属性值  如一个人有姓名、性别、年龄 var person={name:"maomao",age:20,sex:"boy"}undefined 表示当变量创建时并没有赋予其值对象就是变量，拥有