Welcome 微信登录

首页 / 脚本样式 / JavaScript

Fixie.js 自动填充内容的插件

Fixie.js 自动填充内容的插件

Fixie.js是一个自动填充HTML文档内容的开源工具 官方网址地址:http://fixiejs.com/ Fixie.js 下载地址 fixie_jb51.rar为什么使用Fixie? 当我们设计网站的时候,由于无法确定最终填充的内容,经常需要添加一写lorem ipsum(关于Lorem ipsum)到页面里面来预览一下页面的展现效果。 问题来了,添加过多的无聊的内容,使得我们的HTML文档变得臃肿,并且陷入复制-粘贴,手工编辑的毅种循环中。 Fi...
JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载

JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载

JavaScript 学习笔记之一jQuery写法图片等比缩放以及预加载 以前对于JavaScript总是在用到的时候在页面上写几个函数,基本没考虑到函数的封装与重用,最近有个项目可能对于这方面要求有点高,所以就研究了下类似jQuery的封装。 这里就图片等比缩放以及预加载的效果来尝试下,写写类似的JavaScript代码。 图片等比缩放以及预加载的效果如下(预加载效果有时候会不是很明显): JS主要代码如下: 复制代码 代码如下: (function()...
JavaScript中的面向对象介绍

JavaScript中的面向对象介绍

对象 创建 对象 构造函数 公有、私有、特权、静态成员 this、call和apply 异常处理 继承 原型 对象 在JavaScript,可以说everything is object,那么什么是对象?对象就是包含一组变量和函数的集合。在其它面向对象语言中对象是由类的实例化而来,JavaScript是基于原型的面向对象语言,没有类的概念,对象派生自现有对象的副本。JavaScript中对象可以分为两类:Function和Object。 创建对象 为了提高...
JavaScript中的作用域链和闭包

JavaScript中的作用域链和闭包

作用域 全局作用域 局部作用域 作用域链 执行上下文 活动对象 闭包 闭包优化 JavaScript中出现了一个以前没学过的概念——闭包。何为闭包?从表面理解即封闭的包,与作用域有关。所以,说闭包以前先说说作用域。 作用域(scope) 通常来说一段程序代码中使用的变量和函数并不总是可用的,限定其可用性的范围即作用域,作用域的使用提高了程序逻辑的局部性,增强程序的可靠性,减少名字冲突。 全局作用域(Global Scope) 在代码中任何地方都能访问到的对...
jquery 中多条件选择器,相对选择器,层次选择器的区别

jquery 中多条件选择器,相对选择器,层次选择器的区别

一、Jquery常用的过滤选择器如下所示: 1、:first,选取第一个元素,比如$("div:first")选取第一个div元素 2、:last,选取最后一个元素,比如$("div:last")选取最后一个div元素 3、:not(选择器),选取不满足“选择器”条件的元素,比如$("div:not(.className)"),选取样式不是className的所有div元素 4、:even/:odd,选取索引为偶数/奇数的元素,比如$("div:even"...
JavaScript中变量提升 Hoisting

JavaScript中变量提升 Hoisting

因为我在写这文章的时候,百度里找资料,找到了园友的一篇文章,写的很好,可是我写了又不想放弃,所以就在里面拿了很多东西过来!~~ [翻译]JavaScript Scoping and Hoisting 希望得到大家谅解。 一。案发现场 我们先看一段很简单的代码: 复制代码 代码如下: var v="Hello World"; alert(v); 这个没有疑问吧,弹出“Hello World”。OK,我们继续。 我们在看一段Code: 复制代码 代码如下: ...
jquery(javascript)自动序列编号和属性编号实现代码

jquery(javascript)自动序列编号和属性编号实现代码

自动序列编号和自动属性编号,效果图如下:实现原理: 添加和删除是逆向过程,实现是一致的。 增加时,向父容器中增加元素append方法,并将所有的自定义属性编号和序列编号设置为空,然后通过$.each方法,重新为自定义属性编号和序列编号赋值。 复制代码 代码如下: $.each(items, function (k, v) { $(this).attr("opt", "mopt" + k); serials.eq(k).html(k); }); 删除时,为...
js原型链原理看图说明

js原型链原理看图说明

当初ECMAscript的发明者为了简化这门语言,同时又保持继承的属性,于是就设计了这个链表。。 在数据结构中学过链表不,链表中有一个位置相当于指针,指向下一个结构体。 于是乎__proto__也一样,每当你去定义一个prototype的时候,相当于把该实例的__proto__指向一个结构体,那么这个被指向结构体就称为该实例的原型。 文字说起来有点儿绕,看图说话 复制代码 代码如下: var foo = { x: 10, y: 20 }; 当我不指定__p...
jQuery $.get 的妙用 访问本地文本文件

jQuery $.get 的妙用 访问本地文本文件

场景: 当页面文件.html作为本地文件打开(即IE路径为file:///开头的)的时候,需要访问本地文本文件的内容时。 本地文件目录在页面文件的子文件夹。 目录结构 |-test.html |-Scripts |-data.txt 需要访问data.txt的内容。 代码: 复制代码 代码如下: $.get("Scripts/data.txt").success(function(content){ // content就为文件data.txt的文本内容了...
JavaScript面向对象之Prototypes和继承

JavaScript面向对象之Prototypes和继承

一、前言 本文翻译自微软的牛人Scott Allen Prototypes and Inheritance in JavaScript ,本文对到底什么是Prototype和为什么通过Prototype能实现继承做了详细的分析和阐述,是理解JS OO 的佳作之一。翻译不好的地方望大家修改补充。 二、正文 JavaScript中的面向对象不同于其他语言,在学习前最好忘掉你所熟知的面向对象的概念。JS中的OO更强大、更值得讨论(arguably)、更灵活。 1...
js点击页面其它地方将某个显示的DIV隐藏

js点击页面其它地方将某个显示的DIV隐藏

实现也很简单,但需要注意的是,在点击显示的事件中,需要做阻止事件冒泡的处理,否则就触发页面的点击事件了。但这样做也有一个缺点,即如果同一个页面中如果也有事件阻止冒泡,则不能隐藏DIV,所以在这样的事件中需要特殊处理下:自己调用隐藏下DIV(但正常来说这样的事件并不多); JS: 复制代码 代码如下: $(document).ready(function() { //语言头部的点击事件,显示语言列表 $(".language_selected").click...
<< 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 >>