javascript browser浏览器类型以及版本判断代码

2017年02月06日 25 阅读

return （Array）borwser 比如当前浏览器类型是ie6.0，那么borwser的值应该是[“ie”,"6","6.0"] 数组的第一个值表示浏览器的类型，第二个值表示浏览器的大版本，第三个值表示浏览器的详细版本号。 复制代码 代码如下: /** * @author sky */ var browser = function（） { //默认为ie6 var _a = ["ie", "6", "6.0"]; var _s = false; v...

javascript对象之内置对象Math使用方法

2017年02月06日 25 阅读

一、Math.min（）和Math.max（），分别返回参数中的最小和最大值 例： alert（Math.min（1,2,3）） //输出 "1" alert（Math.max（1,2,3）） //输出 "3" 二、Math.abs（），返回参数的绝对值 例： alert（Math.abs（-1）） //输出 "1" 三、Math.random（），产生一个0到1的随机数 例： window.open（"http://ww...

javascript JSON操作入门实例

2017年02月06日 23 阅读

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

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

2017年02月06日 23 阅读

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

javascript DOM 操作基础知识小结

2017年02月06日 21 阅读

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 测试及效验工具

2017年02月06日 23 阅读

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

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

2017年02月06日 24 阅读

复制代码 代码如下: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 设计模式之单体模式 面向对象学习基础

2017年02月06日 28 阅读

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

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

2017年02月06日 24 阅读

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

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

2017年02月06日 25 阅读

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

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

2017年02月06日 23 阅读

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

jquery获取input表单值的代码

2017年02月06日 20 阅读

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代码

2017年02月06日 24 阅读

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

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

2017年02月06日 20 阅读

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

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

2017年02月06日 23 阅读

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

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

2017年02月06日 24 阅读

一、单选题 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 选项卡通用函数

2017年02月06日 23 阅读

核心代码：复制代码 代码如下: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 通用三级联动下拉列表

2017年02月06日 24 阅读

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 父窗口控制子窗口的行为-打开，关闭，重定位，回复

2017年02月06日 24 阅读

测试的时候，注意当前目录中，有代码中的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 插件的方法

2017年02月06日 20 阅读

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