-
译文:JavaScript框架比较-用户体验(七)
所属栏目:[模式] 日期:2018-09-10 热度:92
提升用户体验(UE) 到目前为止,这篇文章完全集中于使用 Java Script框架的好处,以及如何更容易的构建交互式应用程序。但是,另一方面,各个框架都有各自诱人的前景,包括用户界面(UI)组件和用户体验(UE)增强,这需要花大量的精力。 这章将分别探讨[详细]
-
译文:JavaScript框架比较–Ajax(六)
所属栏目:[模式] 日期:2018-09-10 热度:100
Ajax 使用 Java Script框架最令人信服的理由是跨浏览器的标准化Ajax请求。Ajax请求是异步的HTTP请求,向服务器端脚本发送请求,然后得到一个响应结果,如如XML、JSON、HTML、纯文本格式的数据。大多数JavaScript框架有一定形式的Ajax请求对象,它接受一系[详细]
-
译文:JavaScript框架比较–事件处理(五)
所属栏目:[模式] 日期:2018-09-10 热度:179
事件处理 每个 Java Script框架都实现跨浏览器的事件处理,鼓励你摆脱旧式的内联附加事件而使用精简的线性方法。看看清单6的 jQuery 例子,使用hover事件高亮显示div元素。 清单6:使用jQuery附加hover事件 $('#the-box').hover(function() { $(this).addCl[详细]
-
一个简单的AJAX实现(HELLO AJAX)
所属栏目:[模式] 日期:2018-09-09 热度:173
客户端部分: html head meta http-equiv=Content-Type content=text/html/ script language=javascript var ajax; function createAjax() { if(window.ActiveXObject) { try { return new ActiveXObject(Msxm12.XMLHTTP); } catch(e) { try { return new A[详细]
-
创建固定位置弹出浮动广告的实例代码
所属栏目:[模式] 日期:2018-09-09 热度:180
很久没有写JS程序了,这两天终于有空了,把之前的一个浮动广告代码重写了一下。呵呵,还是那句话,能力有限,如有错误敬请指证和指点。演示效果 演示地址:http://www.yaohaixiao.com/ 演示的效果是弹出视频广告,不过我这个视频是一个JAVASCRIPT教程,所[详细]
-
Javascript轻松控制页面图片大小
所属栏目:[模式] 日期:2018-09-09 热度:109
今天Gonten在某CMS模板里发现一段很实用的代码,来分享一下。经常看到有些网页,因为图片太大,也没有控制图片大小,导致页面错位,或者部分图片看不到。下面的这段代码将会解决这个问题。 代码如下: script type=text/javascript function ImgSize(){ var[详细]
-
JavaScript:isPrototypeOf和hasOwnProperty
所属栏目:[模式] 日期:2018-09-09 热度:78
1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中,是则返回true,否则返回false。 格式如下: object1.isPrototypeOf(object2); object1是一个对象的实例; object2是另一个将要检查其原型链的对象。 原型[详细]
-
Javascript实现网页水印(非图片水印)
所属栏目:[模式] 日期:2018-09-09 热度:192
定义 在一些B/S结构的应用系统中,有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印,而很少关注页面水[详细]
-
JavaScript Event学习补遗:addEventSimple
所属栏目:[模式] 日期:2018-09-09 热度:191
这里有个addEventSimple和removeEventSimple函数,有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。 function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) o[详细]
-
JavaScript Event学习第十一章:按键的检测
所属栏目:[模式] 日期:2018-09-09 热度:121
检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题,并且制定一个完备的表格。 第一个问题是对于按键事件来说根本就没有标准,按照规范说的:包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了[详细]
-
JavaScript Event学习第十章:一些可替换的事件对
所属栏目:[模式] 日期:2018-09-09 热度:182
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用,我们对于像mouseover和click这样的事件做一些处理,同样的,对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章:鼠标事件
所属栏目:[模式] 日期:2018-09-09 热度:78
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[模式] 日期:2018-09-09 热度:85
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
ECMA-262-3 深入解析:第五章 函数 [译]
所属栏目:[模式] 日期:2018-09-07 热度:71
导言 在这篇文章中,我们将更详细的讨论一个常见的ECMAScript对象函数。我们将详细地研究函数的各种类型,解释这种或那种类型的函数如何影响一个上下文的变量对象以及函数某一个类型的作用域链中包含什么。我们将回答论坛中像这样经常被问及的问题:下面创[详细]
-
document.querySelector()和document.querySelectorAll()方
所属栏目:[模式] 日期:2018-09-07 热度:136
在css中对特定的元素设置样式离不开选择符的使用,现在一些大的javascript框架也常用选择符来获取特定的元素,如 jQuery 。W3c规范定义了两个新的方法(querySelectorAll和querySelectorAll)来获取元素节点,这两个方法都接受选择符作为自己的参数。Nicho[详细]
-
用于查询操作的javascript类库[附源码]
所属栏目:[模式] 日期:2018-09-07 热度:101
一.本文干些啥: 通过javascript得到用户操作改变url参数从而实现某些功能,如查询(具体的查询由服务器端代码得到url中的参数组成查询语句实现)。 二.准备工作:(代码下载) 一个JQuery类库(我使用的版本为:1.3.2),一个工具类库(Tool.js,基本都是网上搜[详细]
-
从一道js笔试题到==运算符的简析
所属栏目:[模式] 日期:2018-09-07 热度:101
在cssrain整理的一个 试题集 中有这么一道题: SCRIPT LANGUAGE= Java Script var a = 0; var b = -1; var c = 1; function assert (aVar) { if (aVar==true) alert(true); else alert(false); } assert(a) ; assert(b) ; assert(c) ; /SCRIPT 运行代码框[详细]
-
AJAX中文乱码的两类问题及解决之策
所属栏目:[模式] 日期:2018-09-07 热度:53
1)发送路径中的参数有中文,在服务器段接收参数值是乱码 例如: var url=a.jsp?name=小李; xmlHTTP.open (post,url,true); 解决办法: 利用javascript的提供的escape()或encodeURI()方法 例如: 客户端: var url=a.jsp?name=小李; url=encodeURI(url); u[详细]
-
使用YUI3 IO组件实现ajax
所属栏目:[模式] 日期:2018-09-07 热度:194
注意:如下写法不能实现ajax跨域,连子域跨域都不行。 /* *div id=show_info/div *input type=button id=requestButton value=Send a POST Request */ YUI().use(io, function(Y){ var show_info = Y.one('#show_info'); var handleSuccess = function(ioId[详细]
-
javascript学习中几个需要解决的问题
所属栏目:[模式] 日期:2018-09-07 热度:104
在学习javascript的时候,下面几个问题需要重点认识一下 1、javascript回调函数 2、跨站请求Cross Domain 3、类 4、设计模式 5、命名空间 6、各种浏览器标准 7、算法 8、代码优化 以上需要时间一一解决,下面几种javascript常用功能则需要好好总结。 1、运[详细]
-
Javascript 中的相等与不等属性的对比
所属栏目:[模式] 日期:2018-09-07 热度:180
在 javascript 中,可以使用 == 来比较两个数据是否相等,如果两个数据的类型不同,那么,将在进行转换后进行比较,转换的规则如下: l 如果其中一个操作数的类型为 Boolean ,那么,首先将它转换为数字类型,false 转换为 0, true 将转换为 1。 l 如果其中[详细]
-
JavaScript 非常实用而却陌生的七个技巧
所属栏目:[模式] 日期:2018-09-07 热度:85
JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的[详细]
-
ECMA-262-3 深入解析.第四章.作用域链
所属栏目:[模式] 日期:2018-09-07 热度:170
导言 在第二章关于 变量对象 的描述中,我们已经知道一个执行上下文 (变量、函数声明和函数的形参)的数据作为属性存储在变量对象中。 同时我们也知道变量对象在每次进入上下文时创建,并填入初始值,值得更新出现在代码执行阶段。 这一章专门讨论与执行[详细]
-
哈希表(hashtable)的javascript简单实现
所属栏目:[模式] 日期:2018-09-01 热度:171
javascript中没有像c#,java那样的哈希表(hashtable)的实现。在js中,object属性的实现就是hash表,因此只要在object上封装点方法,简单的使用obejct管理属性的方法就可以实现简单高效的hashtable。 首先简单的介绍关于属性的一些方法: 属性的枚举: for/in循[详细]
-
JavaScript 对象介绍及简单使用方法
所属栏目:[模式] 日期:2018-09-01 热度:153
Java Script is an Object Oriented Programming (OOP) language. JS是面向对象的编程语言(面向对象)。 An OOP language allows you to define your own objects and make your own variable types. OOP语言可以让你自定义对象和变量类型。 ------------[详细]