javascript中eval解析JSON字符串

2017年02月06日 12 阅读

我们都知道，高级浏览器可以用 JSON.parse（） API 将一个 JSON 字符串解析成 JSON 数据，稍微欠妥点的做法，我们可以用 eval（） 函数。var str = "{"name": "hanzichi", "age": 10}";var obj = eval（"（" + str + "）"）;console.log（obj）; // Object {name: "hanzichi", age: 10}是否注意到，向 eval（） 传参时...

javascript的 {} 语句块详解

2017年02月06日 11 阅读

今日学习解析json字符串，用到了一个eval（）方法，解析字符串的时候为什么需要加上括号呢？摸不着头脑。原来javascript中{}语句块具有二义性，不加括号会出错，理解这种二义性对我们理解javascript代码有极大帮助。一、{}语句块的两个含义表示语句块a. 在javascript中可以使用{}来括起代码，在编辑器中方便管理代码。因为javascript并没有块级作用域，所以这种写法是无害的。{//some code...}b. 在javascr...

Javascript技术栈中的四种依赖注入小结

2017年02月06日 11 阅读

作为面向对象编程中实现控制反转（Inversion of Control，下文称IoC）最常见的技术手段之一，依赖注入（Dependency Injection，下文称DI）可谓在OOP编程中大行其道经久不衰。比如在J2EE中，就有大名鼎鼎的执牛耳者Spring。Javascript社区中自然也不乏一些积极的尝试，广为人知的AngularJS很大程度上就是基于DI实现的。遗憾的是，作为一款缺少反射机制、不支持Annotation语法的动态语言，Javasc...

JavaScript实现iframe自动高度调整和不同主域名跨域

2017年02月06日 11 阅读

大家都知道Js有同源策略，就是主域名不同嵌套的iframe不允许Js通信的。比如我有一个网站，网站中要嵌入其网站的页面。那么我可以使用iframe引用第三方网站的地址即可。但是问题也来的iframe的高度是固定的不能与第三方网站很好的融合，又例如第三方网站使用了瀑布流插件，要滚动加载自动计算高度，那么先说跨域：iframe主域名不同跨域方法，假如网站 A.com B.com A 里面放入一个iframe 引用了B.com，这种情况下B.com里面的Js是无...

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

2017年02月06日 11 阅读

当开发者需要对某局部文本进行点击复制效果时，在IE下实现比较简单。但要想做到跨浏览器比较困难了。Zero Clipboard 它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行，而且比IE的document.execCommand（“Copy”） 更加灵活。Zero Clipboard 的实现原理Zero Clipboard 利用 Flash 进行复制，之前有 Clipboard Copy 解决方案，其利用的是一个隐藏的 Flash。...

详解Javascript中的Object对象

2017年02月06日 11 阅读

Object是在javascript中一个被我们经常使用的类型，而且JS中的所有对象都是继承自Object对象的。虽说我们平时只是简单地使用了Object对象来存储数据，并没有使用到太多其他功能，但是Object对象其实包含了很多很有用的属性和方法，尤其是ES5增加的方法，因此，本文将从最基本的介绍开始，详细说明了Object的常用方法和应用。基础介绍创建对象首先我们都知道，对象就是一组相似数据和功能的集合，我们就是用它来模拟我们现实世界中的对象的。那在J...

javascript插件开发的一些感想和心得

2017年02月06日 11 阅读

起因如果大家平时做过一些前端开发方面的工作，一定会有这样的体会：页面需要某种效果或者插件的时候，我们一般会有两种选择：1、上网查找相关的JS插件，学习其用法2、自己造轮子，开发插件。寻找存在的插件第一种做法，上网查找JS插件这种方式如果是有刚好符合项目需求的插件，那是非常幸运的事了。但是我相信大部分情况下，我们找到的插件会有下面的几个问题：（1）UI定制：很多插件提供的UI和我们的项目设计风格完全不搭，可能写好的html和css不符合插件使用的方式，结果我...

javascript计时器编写过程与实现方法

2017年02月06日 12 阅读

JavaScript是一门非常容易上手的脚本语言，而且工具繁多，功能强大，因为一直做后端的关系，笔者目前也只是略学一点皮毛。接下来进入正题——计时器。先谈下计时器的功能:1.计时器要能够在页面上显示时间2.每秒钟计时器刷新，秒每满60进分钟1，分钟每满60进小时13.计时器需要能够重置，也就是重新计时4.计时结束时，需要能够有获取计时时间的方法以上功能很简单，计时还应该有暂停、继续计时等功能，没关系，我们一个一个来。第一步：我们做一个简单的页面，要有一个现...

javascript正则表达式总结

2017年02月06日 11 阅读

工具Regexpal是一个在线Javascript正则表达式处理器，地址是:http://www.regexpal.com学习正则重要的是实践操作，不妨举个栗子：匹配号码：707-827-7019字符组匹配[0-9][0-9][0-9]-[0-9][0-9][0-9]-[0-9][0-9][0-9][0-9]d匹配任意阿拉伯数字D匹配任何非阿拉伯数字.匹配任意字符dddDdddDddddDddd.ddd.dddd.捕获分组与后向应用用圆括号（）创建分组,用...

精通JavaScript的this关键字

2017年02月06日 11 阅读

JS中的this关键字让很多新老JS开发人员都感到困惑。这篇文章将对this关键字进行完整地阐述。读完本文以后，您的困惑将全部消除。您将学会如何在各种不同的情形正确运用this。我们和在英语、法语这样的自然语言中使用名词一样地使用this。比如，“John飞快地跑着，因为他想追上火车”。请注意这句话中的代指John的代名词“他”。我们原本也可以这样表达，“John飞快地跑着，因为John想追上火车”。按照正常的语言习惯，我们并不按第二种方式表达。如果我们真...

JS三级可折叠菜单实现方法

2017年02月06日 11 阅读

本文实例讲述了JS三级可折叠菜单实现方法。分享给大家供大家参考，具体如下：.ASPX代码：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="NavigateMenu.aspx.cs" Inherits="NavigateMenu" %><！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://ww...

JavaScript+CSS实现的可折叠二级菜单实例

2017年02月06日 11 阅读

本文实例讲述了JavaScript+CSS实现的可折叠二级菜单。分享给大家供大家参考，具体如下：.aspx文件：<%@ Page Language="C#" AutoEventWireup="true" CodeFile="NavigateMenu.aspx.cs" Inherits="NavigateMenu" %><！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN...

jQuery取消特定的click事件

2017年02月06日 11 阅读

本文实例讲述了jQuery取消特定的click事件实现方法。分享给大家供大家参考，具体如下：众所周知， jQuery可以多次绑定同一种事件， 而且绑定的每个事件都可以执行。 问题来了， 在动态生成的DOM中， 我们为某一元素绑定了两种不同的click（假设为A、B）， append元素时， 所有元素又绑定一次B， …… 这样会导致最后点击时B事件会成倍往上翻。幸运的是，jQuery 为我们提供了很优雅的方式， 来取消特定命名空间下的click.<！D...

JavaScript实现斗地主游戏的思路

2017年02月06日 12 阅读

本文知识给大家分享一下使用js写斗地主的思路，代码写的不好，还请见谅。这里说说斗地主主要包含的功能：洗牌，发牌，玩家出牌、电脑出牌，出牌规则的验证，输赢啥的没有判断，只是实现了这几个主要功能，下面依次说说几个功能的实现： 1.洗牌： var pukes=this.manage.pukes;//存放扑克牌的数组//洗牌for（var i=;i<pukes.length;i++）{var tmp=pukes[i];var index=util.ran...

基于Javascript实现返回顶部按钮

2017年02月06日 11 阅读

一个网页内容一多, 就会分屏显示数据, 如果屏目很多, 用户访问的数据已经到了页面的底部, 这时候返回到顶部也是需要一点时间. 这样对用户体验来说, 可能就稍微逊了一点. 所以页面数据多的网页, 现在都会用一个"返回顶部"按钮来快速跳转到网页的顶部.那现在我们就来实现这么一个功能.这个页面我们就不写什么数据, 直接就加入一个a标签来作为返回顶部的按钮, 并给他一个class名称:top.<a href="#" class="top">顶部<...

jquery trigger实现联动的方法

2017年02月06日 11 阅读

本文实例讲述了jquery trigger实现联动的方法。分享给大家供大家参考，具体如下：<html><head><title>testing</title><script src="jquery-1.3.2.min.js" type="text/javascript"></script><script type="text/javascript">$（function （...

理解js回收机制通俗易懂版

2017年02月06日 11 阅读

之前文章中，讲解过js中的回收机制，但是对于当时的我来说，我自己对回收机制的这个概念也有些懵懵懂懂，现在对回收机制有了更深入的理解，所以特此发布此文给于总结，也好加深记忆。为什么要有回收机制？why？打个比方，我有一个内存卡，这个内存是8G的，我把文件，视频，音乐，都保存到了这个内存卡，随着我的储存的内容越来越多，这个内存卡已经保存不了了，如果我还想再把其他的文件保存到这个内存卡就需要删除一些文件，但是这些被删除的文件是我们自己手动删除的对吧，手动删除就相...

jquery trigger函数执行两次的解决方法

2017年02月06日 11 阅读

本文实例讲述了jquery trigger函数执行两次的解决方法。分享给大家供大家参考，具体如下：一、问题如下：有如下代码：<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><style type="text/css">*{margin:0;padding:0;}bod...

JavaScript实现点击按钮字体放大、缩小

2017年02月06日 11 阅读

本文给大家分享js实现点击按钮字体放大缩小实例代码，代码简单易懂，需要的朋友参考下吧具体代码如下所示：<style>.bb{color:red;}.cc{color:green;}.chapter {font-size: 1.5em;}.normal{font-size:12px;}.hidden{display:none;}</style><script>$（document）.ready（function（） {$（...

ClearTimeout消除闪动实例代码

2017年02月06日 11 阅读

定义和用法clearTimeout（） 方法可取消由 setTimeout（） 方法设置的 timeout。语法clearTimeout（id_of_settimeout）参数描述id_of_settimeout由 setTimeout（） 返回的 ID 值。该值标识要取消的延迟执行代码块。需求：当鼠标放到父级菜单上面的时候，显示下方的子菜单。鼠标从子菜单或者父级菜单上面移开的时候，子菜单要收起来。最终效果如下：PS：这样需求很常见，最常见的做法是li元素...