javascript JSON操作入门实例

2016年07月27日 8 阅读

JSON的规则很简单： 对象是一个无序的“‘名称/值"对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值" 对”之间使用“,”（逗号）分隔。具体细节参考http://www.json.org/json-zh.html 这篇有个入门的文章，也可以参考下 JSON 学习之完全手册图文举个简单的例子： js 代码 复制代码 代码如下: function showJSON（） { var user = ...

记录鼠标的轨迹并回放的js代码

2016年07月27日 6 阅读

遇到的问题： Question①：mousemove事件中，移动方法中会被记录很多的left和top，我只需要大概的几组数据就行，不需要那么多； Question②：回放的时候，在for循环里执行太快了，导致的效果就是直接看到开始跟结束位置，我想放慢中间的过程；搞了一个延迟的函数，但是还是没有实质性解决。 慢慢慢慢拖动小方块到一个新位置，然后松开鼠标， 先点击“复位”，再点击“回放”查看所经过的路径， 只有一次机会哦 - -||| 循环内延迟的部分代码： ...

javascript DOM 操作基础知识小结

2016年07月27日 7 阅读

DOM添加元素,使用节点属性 DOM添加元素,使用节点属性 //涂聚文 geovindu@163.com var nr = 1; function addItem（） { var list = document.getElementById（"list"）; var newNode = document.createElement（"li"）; var newLink = document.createElement（"a"）; newLink....

几个比较实用的JavaScript 测试及效验工具

2016年07月27日 7 阅读

尽管JavaScript的语法非常简单，但对于写程序而言仍然是困难重重，就是因为它的运行环境：基于Web浏览器。 JSLint JSLint是基于Web的验证JavaScript错误代码的工具。它拥有的功能及特定的设置来使用您的需求，自定义你的验证算法。 JsUnit JsUnit是一款在客户端（在浏览时）的单元测试JavaScript框架。对JavaScript而言，JUnit就像是它的一个端口。当然它也可以在多个浏览器、多个机器的不同操作系统...

js 获取子节点函数 （兼容FF与IE）

2016年07月27日 6 阅读

复制代码 代码如下:function getFirstChild（obj） { var result = obj.firstChild; while （！result.tagName） { result = result.nextSibling; } return result; } function getNextChild（obj） { var result = obj.nextSibling; while （！result.tagName） { re...

javascript 设计模式之单体模式 面向对象学习基础

2016年07月27日 7 阅读

单体模式（singleton） 单体是在脚本加载时创建的，能将一系列有关联的变量和方法组织为一个逻辑单元，逻辑单元里面的内容通过单一的变量进行访问； 一个单体主要分为三部分 用于访问内部信息的入口变量（如：Sky） 属性（如：nickName/age/timeInfo） 方法（如：sayHello） 基本结构 复制代码 代码如下: var Sky = { /* * 作用一，变量管理 */ nickName: "sky", age: "26", /* * 作...

jquery 新手学习常见问题解决方法

2016年07月27日 8 阅读

Q0，新手必看教程： 第一步，jQuery中文入门指南，翻译加实例，jQuery的起点教程 第二步，下载手册方便查询（jQuery 1.41 中文API文档 chm版） 第三步，深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 Q1,js的写法:document.getElementById（"save"）.disabled=true;在jquery中我是这样写的$（"#save"）.disabled = true;为什么没效果呢A,这个是典...

jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现

2016年07月27日 8 阅读

关键字“拖曳搜索”之“拖曳”功能需要 jQuery UI 之 droppable 库 效果如下：搜索包含相关关键字时，把拖曳左边关键字到右边框里面 也可以在输入框里输入自定义关键字到下面框 即可搜索如果去掉不需要的关键词 搜索时 把不需要的关键词从右边框拖曳回到左边 即可无论原来还是自定义加入的关键词 如果已存在 她会提示...实现：复制代码 代码如下: <script type="text/javascript" src="js/jquery-1....

编写高性能的JavaScript 脚本的加载与执行

2016年07月27日 6 阅读

脚本可以放在html页面的head里面，也可以放在body里面。 把脚本放在body中，当浏览器遇见<script>标签时， 浏览器不知道脚本会插入文本还是html标签，因此浏览器会停止分析html页面而去执行脚本。当使用src的方式添加脚本时，浏览器也会做同样的动作。在脚本处理的时候，页面呈现和用户交互将被完全阻止。脚本下载和执行阻塞了其他资源的下载，比如呈现页面使用的图片。（虽然很多浏览器实现了脚本并行下载的技术，但是这个问题依然没有解决）...

jquery获取input表单值的代码

2016年07月27日 5 阅读

jquery取radio单选按钮的值$（"input[name="items"]:checked"）.val（）;jquery radio取值，checkbox取值，select取值，radio选中，checkbox选中，select选中，及其相关 获取一组radio被选中项的值 var item = $（"input[name=items][checked]"）.val（）; 获取select被选中项的文本 var item = $（"select[na...

监控 url fragment变化的js代码

2016年07月27日 7 阅读

当然，页面最好不要刷新，但是，拷贝一下浏览器的链接，又希望是下次能定位到你播发的那个视频。方法很简单，改变一下 url 的 fragment 就可以了。 监听fragment 的变化是这类编程的核心。在主流的浏览器（IE firefox）里面 都有一个 onhashchange 的事件监听 fragment 的变化。 但是，他们的行为有些差异。在IE8 以前的 IE版本里面，当 window.location 对象迅速变化的情况下，onhashchange...

js获取当前select 元素值的代码

2016年07月27日 7 阅读

如果 select 元素下的所有 option 元素均没有指定 selected 属性，会默认选中第一个。 可以通过 select.selectedIndex 获取到选中的 option 元素的索引。 可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。 option 元素 <option selected="selected" value="value3">text3</...

javascript中的变量是传值还是传址的？

2016年07月27日 6 阅读

这个标题念起来有点拗口，但却是理解数据结构的关键。标题中的4个术语，对应的英文分别是：shallow copy（注意，不是shadow copy）、deep copy、pass by value、pass by reference（或pass by address）。传址和传引用是一回事。 一门编程语言的核心是数据结构，粗略来讲，可以把数据结构分成不可变类型（immutable）和可变类型（mutable）。为什么这么分呢？这涉及到内存分配问题。对于不可变...

一套比较完整的javascript面试题（部分答案）

2016年07月27日 9 阅读

一、单选题 1、以下哪条语句会产生运行错误：（a） A.var obj = （）;//语法错误 B.var obj = [];//创建数组 C.var obj = {};//创建对象 D.var obj = //; 原因：var obj = new Array （）;是对的；JavaScript 中大括号表示创建对象。var obj = { id:1, name:"jacky" };alert（obj.name）;上例表示创建一个具有属性 id （值为 1...

jquery Tab 选项卡通用函数

2016年07月27日 6 阅读

核心代码：复制代码 代码如下:function cur（ele）{ $（ele）.addClass（"cur"）.siblings（）.removeClass（"cur"）; } function tab（id_tab,tag_tab,id_con,tag_con,act）{ $（id_tab）.find（tag_tab）.eq（0）.addClass（"cur"）; $（id_con）.find（tag_con）.eq（0）.show（）.sibling...

jquery+json 通用三级联动下拉列表

2016年07月27日 11 阅读

Author: shaoyun Email: shaoyun （at） yeah.net Date: 2010-03-10 02:03 Blog: http://shaoyun.cnblogs.com/ 用Jquery实现，原始代码只支持IE，这里我改了一下，我的代码里面有三个版本的实现 第一个是通过读取XML构建，支持IE/firefox，chrome不支持，有兴趣的可以将读取XML的部分改成AJAX的方式，这样chrome支持就不成问题 第二个是采用J...

js 父窗口控制子窗口的行为-打开，关闭，重定位，回复

2016年07月27日 8 阅读

测试的时候，注意当前目录中，有代码中的html文件。复制代码 代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...

制作高质量的JQuery Plugin 插件的方法

2016年07月27日 6 阅读

JQuery Plugin插件，如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站：jQuery Authoring Guidelines 好了，下面有一些我觉得想做一个好的插件必须应有的要求： 1、在JQuery命名空间下声明只声明一个单独的名称 2、接受options参数，以便控制插件的行为 3、暴露插件的默认设置 ，以便外面可以访问 4、适当地将子函数提供给外部访问调用 5、保持私有函数 6、支持元数据插件 下面将逐条地过一遍...

jquery 图片 上一张 下一张 链接效果（续篇）

2016年07月27日 5 阅读

前段时间写了篇图片 上一张 下一张 链接效果，后来看到 jquery插件封装，手里痒痒的，拿这个例子做ex. 封装后的JS源码： 复制代码 代码如下: /* * imageupdown 1.0 * Copyright （c） 2009 * Date: 2010-04-20 * 图片移动上一张 下一张特效 */ （function（$）{ $.fn.imageupdown = function（options）{ var defaults = { upCur...

基于jquery1.4.2的仿flash超炫焦点图播放效果

2016年07月27日 5 阅读

好嘞！废话不多说！Code贴上！哪位高手有更好的方式可以多多指点！ CSS Code 复制代码 代码如下: /* * images player * author:mr·zhong * date:2010-04-19 */ #playerBox{ width:305px; height:282px; border:1px solid #ccc; } #playerImage ul{ padding:0px; margin:0px; border:0px; ...