freesky的专栏

BOM总结    BOM    概念:BOM是浏览器对象模型,是Bowser Object Model 的简称，就是 浏览器 工具库 说明书！     Window对象    Window 对象的角色：(a)javascript访问浏览器的窗口的一个接口（入口）;(b)ECMAScript中的Global对象，全局对象。全局对象:就是顶层对象，顶层对象可以理解为CE

js 基础 ---实现放大镜的效果能利用原生的js是非常重要的，所以对于仿照电商的商品放大图做出了这个放大镜的效果。在这个例子中，放大镜跟随着鼠标的移动而移动，大盒的图片移动方向与小盒子图片的移动方向是相反的，它们的放缩比例是相同的,具体的实现案例如下：第一种方法： 放大镜效果 body{position: relative;} *{ma

仿百度登录鼠标拖拽事件       百度的登录窗口可以在可视的窗口内进行拖拽，当遇到边界时，进行边界的碰撞检测，当小于边界值时或者大于边界值时，会进行响应的判断。中间还用到了两个封装的函数，用于取窗口可视区宽度和高度。 拖拽 #container{ position: absolute; left: 0; top: 0; } .t

关于 Cookie 的增删改查的封装函数1. 设置(创建、修改) cookie 数据        参数1：键值        参数2：键名function setCookie(key,value){ document.cookie = key + "=" + encodeURIComponent(value); }     测试：       setCo

js进阶学习之--闭包闭包概念：一个函数引用另一个函数中的变量的函数叫做闭包 //父函数中的变量不会被释放 function closure(){ var i = 0; return function(){ alert(i++); } }//将函数的返回值接回 var fn = closure(); var fn2 = closur

js进阶学习之--面向对象（一）构建对象的方式一共有三种: 面向对象 //1.工厂方式构建对象 //弊端：通过工厂构建对象无法检测该示例来自于哪个对象类型 function Person(name,sex,age){ var obj = new Object(); obj.name = name; obj.sex = sex;

js进阶学习之--面向对象继承JS中一共有三种继承方式：1、prototype2、call3、apply1.实现一个例子：1) 创建三个对象 对象A  对象B  对象C 2) A中有三个属性  a属性,b属性,c方法3) B中有个2个属性  d方法,e方法4) 使B继承A5) C中有个1个属性   f属性6) 使C继承B 并调用c方法

js实现百度搜索接口及链接功能 anchor *{ margin:0; padding:0; } #wei{ width:500px; height:600px; margin:0 auto; border:0px solid gray; } #wei input{ width:476

Js基础学习之 --  DOM兼容 根据标签、类名获取节点函数封装                 1.    作用：所有类选择器名为cName的标签      参数：类选择器的名（class名）  返回值：所有类选择器名为cName的标签  function getClass(cName){ var arr = []; var all

1.    作用：获取可视区宽度(兼容所有浏览器)       返回值：获取可视区宽度function getWidth(){ if(window.innerWidth){ return window.innerWidth; } else{ if(document.compatMode == "CSS1Compat"){ return doc

DOM总结JavaScript组成部分以及关系图    DOM概念 : DOM是文档对象模型（Document Object Model）的简称，它的基本思想是把结构化文档（比如HTML和XML）解析成一系列的节点（对象），再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口，以达到使用编程语言操作文档的目的（比如增删内容）。

注册界面要求：用户名只能是字母或者数字或者下划线，不能以数字开头，用户名长度在6到20之间密码两次验证必须一致，用户名密码不能为空。 模拟注册 *{margin:0; padding:0; font-size:14px; font-famliy:"微软雅黑"; font-style:normal; } body{backgr

Js基础学习之-- 利用GET方法实现ajax请求 1.创建XMLHttpRequset对象,兼容IE6 function createXHR(){ if(window.XMLHttpRequest){ return new XMLHttpRequest(); } else{ return new ActiveXObject("Microsoft.X

Js 基础学习之--模拟加入购物车 购物车 *{margin:0; padding: 0; font-size: 14px; font-family: 微软雅黑;} ul li{list-style:none;} .clear{clear: left;} #products{ width: 1100px; margin: 10px auto; }

JS实现计算器计算器a{text-decoration:none;}ul,li{list-style:none;}*{margin:0; padding:0;}.box{    margin:30px auto;height:502px;width:400px;border:1px solid gray;box-shadow:7px

1.判断闰年         var i;for(i=1980;i{if( i % 4 == 0 && i % 100 != 0 || i % 400 == 0)document.write( i + " ");}2.九九乘法表var i, j;for(i=0;i{for(j=1;j{document.write( i + "*"+ j

随机生成表格：任意输入行数或列数, 生成对应表格;点击任意单元格, 将其数和背景颜色输出显示; DOM /*#box{ height:100px; width:100px; background:rgb(255,234,00); }*/ window.onload = function(){ var clos,rows

注册界面：要求：用户名只能是字母或者数字或者下划线，不能以数字开头，用户名长度在6到20之间密码两次验证必须一致，用户名密码不能为空。 模拟注册 *{margin:0; padding:0; font-size:14px; font-famliy:"微软雅黑"; font-style:normal; } body{background:#F

Javascript的伪数组  在Javascript中什么是伪数组？ 伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。 1.典型的是函数的 argument参数， 2.像调用getElementsByTagName,document.childNodes之类的,它们都返回 NodeList对象都属于伪数组。