javascript
关注
分享
扫一扫
文章平均质量分 80
xuedongabc
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js在Replace中使用正则
replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串(string)，replaceText是替代查找到的字符串。。为了帮助大家更好的理解，下面举个简单例子说明一下<script language="javascript">va...原创 2012-08-13 13:37:18 · 191 阅读 · 0 评论 -
js星星评分效果
一个页面多个评分效果js星星评分的代码在网上一搜就是一堆，可大部分是一个页面只能有一个，刚碰到一个需求，一个页面需要评多次的，所以自己在网上找了然后总结了下分享给大家。以下是需要用到的样式代码#rateStatus{float:left; clear:both; width:100%; height:20px;} #rateMe{ clear:both; width:10...2011-08-01 22:57:49 · 245 阅读 · 0 评论 -
JavaScript的Cookies
使用 Cookies 我们已经知道，在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么？“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息，这些文件就称为 Cookie。”—— MSIE 帮助。一般来说，Cookies 是 CGI 或类似，比 HTML 高级的文件、程序等创建的，但是 JavaScript 也提供了对 Cookies 的很全面的访问权...原创 2011-07-31 13:39:37 · 86 阅读 · 0 评论 -
JavaScript框架编程
使用JavaScript框架 在讲述 window 对象的时候，我们提到过，一个框架内的网页也是 window 对象，也就是说，Frame 对象也是 window 对象。用最容易理解的话说，每一个 HTML 文件占用一个 window 对象，包括定义框架的网页（“框架网页”）。在 IE 里用“<iframe>”标记在文档中插入的框架也是 window 对象，但是用“包含网页”的方法（...原创 2011-07-31 13:38:35 · 112 阅读 · 0 评论 -
JavaScript中的对象化编程
关于对象化编程的语句 现在我们有实力学习以下关于对象化编程，但其实属于上一章的内容了。with 语句 为一个或一组语句指定默认对象。用法： with (<对象>) <语句>;with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用： x = Math.cos(3 * Math.PI) + Math.sin(Math.LN1...原创 2011-07-31 13:34:30 · 106 阅读 · 0 评论 -
JavaScript中的事件处理
事件处理概述 事件处理是对象化编程的一个很重要的环节，没有了事件处理，程序就会变得很死，缺乏灵活性。事件处理的过程可以这样表示：发生事件 - 启动事件处理程序 - 事件处理程序作出反应。其中，要使事件处理程序能够启动，必须先告诉对象，如果发生了什么事情，要启动什么处理程序，否则这个流程就不能进行下去。事件的处理程序可以是任意 JavaScript 语句，但是我们一般用特定的自定义函数（func...原创 2011-07-31 02:12:15 · 195 阅读 · 0 评论 -
JavaScript中的其他对象
anchors[]; links[]; Link 连接对象用法：document.anchors[[x]]; document.links[[x]]; <anchorId>; <linkId> document.anchors 是一个数组，包含了文档中所有锚标记（包含 name 属性的<a>标记），按照在文档中的次序，从 0 开始给每个锚标记定义了一个下标。 ...原创 2011-07-29 21:21:05 · 97 阅读 · 0 评论 -
JavaScript中的Location地址对象
location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址，只需要使用“location”就行了；若要表示某一个窗口的地址，就使用“<窗口对象>.location”。先前写了一片用window.location.href实现刷新另个框架页面 ，特此我看了一下locaiton的详细用法，对此有点改进，具体如下： 注意：属于不同协议或不同主机的两个地址之间不能...原创 2011-07-28 22:55:03 · 157 阅读 · 0 评论 -
JavaScript中的History历史对象
JavaScript中的History历史对象包含了用户已浏览的 URL 的信息，是指历史对象指浏览器的浏览历史。鉴于安全性的需要，该对象收到很多限制，现在只剩下下列属性和方法。History历史对象有length这个属性，列出历史的项数。JavaScript 所能管到的历史被限制在用浏览器的“前进”“后退”键可以去到的范围。本属性返回的是“前进”和“后退”两个按键之下包含的地址数的和。Histo...原创 2011-07-28 22:52:07 · 157 阅读 · 0 评论 -
JavaScript中的Window窗口对象
JavaScript中的Window窗口对象他是JavaScript中最大的对象，它描述的是一个浏览器窗口。一般要引用它的属性和方法时，不需要用“window.xxx”这种形式，而直接使用“xxx”。一个框架页面也是一个窗口。Window窗口对象有如下属性：name 窗口的名称，由打开它的连接（<a target="...">）或框架页（<frame name="..."&...原创 2011-07-28 22:50:56 · 118 阅读 · 0 评论 -
highcharts实现雷达图效果
最近项目中用到了雷达图，自己在那鼓捣了一顿总算出来一个雏形，跟大家分享下。需要用到jquery.js和highcharts.js两个js。highcharts.js也可到highchart官网下载http://www.highcharts.com/下载。上面有highchart的具体用法。以下是雷达图的主要代码 var mydData='80.0,78.0,65.0,70.0,77....2011-08-03 11:00:19 · 2372 阅读 · 0 评论 -
javascript文件在IE缓存中的迷惑与解惑实验
javascript文件在IE缓存中的迷惑与解惑实验缓存迷惑：项目中用到了股票代码的输入框，想使用经典ajax效果——自动完成。可是与头头讨论时，头头觉得一输入字符就要服务器相应，而且预计的使用人数有点大的情况下，太耗服务器资源了。说服不了头头，只有采用变通的方式，把代码表放到js里，使用纯js实现自动完成功能。头头勉强接受。网上搜索了一圈，发现不少比较好的使用例子，例如：http...原创 2011-08-05 17:12:31 · 112 阅读 · 0 评论 -
js判断图片是否被缓存
在ie8下测试是可以的，别的没测。有用到的可以自己测试下，呵呵。 代码如下： /** url 测试图片路径 被缓存返回true，没被缓存返回false */ function testCache(url){ alert('执行'); var url='http://www.8chedao.com/page/images/webIndex-logo.pn...2011-08-05 17:35:29 · 619 阅读 · 0 评论 -
学习Javascript闭包（Closure）
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变...原创 2011-08-12 18:10:17 · 150 阅读 · 0 评论 -
深入理解Javascript闭包 .
最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。 一、什么是闭包？ “官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部...原创 2011-08-12 17:56:54 · 109 阅读 · 0 评论 -
IE,Firefox都不放弃（兼容性问题总结）
下面是Javascript的IE和Firefox兼容的常用例子1. document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下,只能使用document.formName.elements["...原创 2011-08-11 16:00:56 · 139 阅读 · 0 评论 -
jquery ul li mouseout 事件冒泡的bug
今天碰到个jquery的mouseout事件的问题，弄了半天总算解决了。jquer ul li 好像绑定ul的mouseout事件，离开第一个li后就会触发。后来在网上查了下叫事件冒泡，改成使用mouseleave即可。mouseover也有冒泡。改用mouseenter。因为bind方法可以屏蔽浏览器的一些事件冒泡行为。另外，ie支持mouseenter,mouseleave事件，firefo...2011-08-11 15:48:13 · 361 阅读 · 0 评论 -
onchange，onpropertychange，oninput键盘输入和js赋值时区别
最近项目中需要用到文本框中值改变时触发某个事件，第一反应就是onchange事件，但是测试发现如果是用js赋值的话，是不会触发onchange事件的，后来在网上找了一下，都说是在ie浏览器中可以用onpropertychange事件，在火狐中使用oninput事件。说是这两个事件是一个效果，很多人没测试就在那转载。哎……接下来我把测试过的跟大家分享下。onchange事件是在键盘输入，失...2011-08-10 15:32:04 · 325 阅读 · 0 评论 -
JavaScript中setAttribute用法
我们经常需要在JavaScript中给Element动态添加各种属性，这可以通过使用setAttribute()来实现，这就涉及到了浏览器的兼容性问题。setAttribute(string name, string value)：增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。1、样式问题setAttribute("class", value)中class是指改变...原创 2011-08-10 11:30:30 · 93 阅读 · 0 评论 -
window.location.hash属性介绍
window.location.hash属性介绍 location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利...原创 2011-08-08 17:52:08 · 153 阅读 · 0 评论 -
给页面加速，干掉Dom Level 0 Event
现在的web应用越来越复杂,需要响应各种各样的用户触发事件,因而也就不可避免的,需要给我们的html页面上的dom元素增加事件监听函数.我们知道给dom元素绑定事件监听函数的方法有如下3种:1 : 页面html:<button onclick=”test();”></button> 2: 页面html:<butto...原创 2011-08-08 11:50:04 · 109 阅读 · 0 评论 -
关于图片的预加载,你所不知道的
看完了曼联与曼城的同城德比，还有漫长的两个小时，才能看到期待中的国家德比。无聊的很，左右无事，便来论坛闲逛。看到了一章关于图片预加载的博文，其代码如下： function loadImage(url, callback) { var img = new Image(); //创建一个Image对象，实现图片的预下载 img.src = ur...原创 2011-08-08 11:36:17 · 138 阅读 · 0 评论 -
JavaScript中的Screen屏幕对象
这是基本JavaScript的屏幕对象screen 屏幕对象 反映了当前用户的屏幕设置。width 返回屏幕的宽度（像素数）。height 返回屏幕的高度。availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。availHeight 返回屏幕的可用高度。colorDepth 返回当前颜色设置所用的位数 - 1：黑白；8：...原创 2011-07-28 22:50:01 · 210 阅读 · 0 评论 -
JavaScript中的Navigator浏览器对象
navigator 浏览器对象，包含了正在使用的 Navigator 的版本信息。反映了当前使用的浏览器的资料。JavaScript 客户端运行时刻引擎自动创建 navigator 对象。更详细的信息可以去查msdn或者Navigator 2.0以后的说明文档，这里我们之做个简单的说明包括一下几大属性：appCodeName 返回浏览器的“码名”(?)，流行的 IE 和 NN 都返回 'Mo...原创 2011-07-28 22:48:10 · 103 阅读 · 0 评论 -
ajax跨越请求
ajax跨越请求 ajax的跨域（其实我也不知道我这个是ajax跨域还是js跨域，暂时就叫ajax跨越吧）问题一直是个头痛的问题，一直想避开这个问题，哎，可惜避不过啊。最近一个项目里就必须用了。在网上找了一下，有的没说清（呵呵，可能是我的理解能力差），有的不好实施，最后好不容易找到一篇，自己总结了下，跟大家分享。原理很简单，就是动态生成一个script标签，src指向需要访问的jsp或s...2011-07-28 16:32:11 · 121 阅读 · 0 评论 -
javascript学习（五）
在JavaScript中创建新对象（李晓华 2001年04月29日 01:50） 使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。 在JavaScript中创建一个新的对象是十分简单的。首先它必须...原创 2011-07-04 15:13:22 · 185 阅读 · 0 评论 -
javascript手册
这几天正在学习js，给大家共享个手册，适合0基础的，嘻嘻嘻 欢迎查看本人博客：www.java.hourb.com原创 2011-07-04 14:58:06 · 158 阅读 · 0 评论 -
领悟 JavaScript 中的面向对象
JavaScript 是面向对象的。但是不少人对这一点理解得并不全面。 在 JavaScript 中，对象分为两种。一种可以称为“普通对象”，就是我们所普遍理解的那些：数字、日期、用户自定义的对象（如：{}）等等。 还有一种，称为“方法对象”，就是我们通常定义的 function。你可能觉得奇怪：方法就是方法，怎么成了对象了？但是在 JavaScript 中，方法的确是被当成对象来处理的。下面是一...原创 2011-07-04 12:02:26 · 123 阅读 · 0 评论 -
js中获取时间new Date()详细介绍
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X...原创 2011-09-23 20:37:38 · 104 阅读 · 0 评论 -
全面理解javascript的caller,callee,call,apply概念(修改版)
在提到上述的概念之前，首先想说说javascript中函数的隐含参数：argumentsArguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n] 参数 function ：选项。当前正在执行的 Function 对象的名字。 n ：选项。要传递给 Function 对象的从0开始的参数值索引。 ...原创 2011-09-05 18:16:15 · 97 阅读 · 0 评论 -
jquery的live绑定事件，不知道是不是jquery的bug
今天无意中发现，级联菜单中，select的onchange事件在ie8下调用了两次，而且下拉框中的数据有重复，记得以前测试这个功能是没有问题的。由于项目已经正式运营，不由的就出冷汗，脸色发白了。呵呵。由于js太多，不好查。一开始以为是有两个地方掉了。发现里边只有这一个地方写了个onchange基本可以排除这种可能，后来怀疑是不是什么地方递归了，把代码读了一下。基本可以排除这种可能。后来在火狐下试...2011-09-05 18:03:24 · 122 阅读 · 0 评论 -
JS删除数组元素
、JS删除数组元素view plaincopy to clipboardprint?1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用 for(index in arr) document.write(’arr[’+index+’]=’+arr[inde...原创 2011-09-02 14:55:52 · 134 阅读 · 0 评论 -
js 判断某个方法是否存在
function fnExist(fnName) { return fnName in this && typeof (eval(fnName)) == "function"; } 转自：http://qitonghui.iteye.com/blog/1063460原创 2011-08-25 19:59:01 · 230 阅读 · 0 评论 -
正则表达式常用验证
在前台很多地方需要验证输入格式，为了方便以后使用，把常用的整理下放到这里，方便以后使用。都是经过测试的，大家可以放心使用。由于今天有事，只试了两个。所以这里先放两个，等测试完后，再往上添加。呵呵。顺便说下，如果大家发现有问题，希望能提出来，大家共同进步 /**验证用户名,必须是由字母数字，下划线组成,6到20位*/function validateName(name){ ...2011-08-24 12:20:12 · 105 阅读 · 0 评论 -
javascript学习（六）
JavaScript对象系统的使用（李晓华 2001年04月29日 01:50） 使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。 一、浏览器对象层次及其主要作用 除了前面提到过的文档document对象外，Navigator浏览器中还提供了窗口（Window）对象以及历史（H...原创 2011-07-04 15:15:04 · 125 阅读 · 0 评论 -
JavaScript学习（七）
[url][/url]JavaScript窗口及输入输出 （李晓华 2001年04月29日 01:50） JavaScript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口（Window）对象来完成，而输出可通过文档（document）对象的方法来实现。 一、窗口及输入输出 请看下面例子： <HTML> <Head> <sc...原创 2011-07-04 15:17:16 · 105 阅读 · 0 评论 -
JavaScript学习（八）
用JavaScript脚本实现Web页面信息交互 （李晓华 2001年04月29日 01:50） 要实现动态交互，必须掌握有关窗体对象(Form)和框架对象(Frames)更为复杂的知识。 一、窗体基础知识 窗体对象可以使设计人员能用窗体中不同的元素与客户机用户相交互，而用不着在之前首先进行数据输入，就可以实现动态改变Web文档的行为。 １、什么是窗体对象 窗体（Form）:它构成了Web...原创 2011-07-04 15:18:48 · 112 阅读 · 0 评论 -
JavaScipt基本教程之对象的基本知识
JavaScript 是使用“对象化编程”的，或者叫“面向对象编程”的。所谓“对象化编程”，意思是把 JavaScript 能涉及的范围划分成大大小小的对象，对象下面还继续划分对象直至非常详细为止，所有的编程都以对象为出发点，基于对象。小到一个变量，大到网页文档、窗口甚至屏幕，都是对象。这一章将“面向对象”讲述 JavaScript 的运行情况。对象的基本知识 对象是可以从 JavaScript“...原创 2011-07-27 22:02:42 · 106 阅读 · 0 评论 -
JavaScipt基本教程之JavaScript语言的基础
在什么地方插入 JavaScriptJavaScript 可以出现在 HTML 的任意地方。使用标记<script>…</script>，你可以在 HTML 文档的任意地方插入 JavaScript，甚至在<HTML>之前插入也不成问题。不过如果要在声明框架的网页（框架网页）中插入，就一定要在<frameset>之前插入，否则不会运行。基本格...原创 2011-07-27 21:58:31 · 381 阅读 · 0 评论 -
JavaScipt基本教程之前言
JavaScript 参考教程 本教程为未接触过 JavaScript 的读者提供了比较完善的初级知识，但只限于初级知识：所有与动态网页密切相关的 JavaScript 在本教程中都未提及，包括动态定位、动画、让文档接收更多事件(document.captureEvent())等；所有在 IE 及 Netscape 中有不同的 JavaScript 都尽少提及。 本教程在结构上设计的比较像一个...原创 2011-07-27 21:55:05 · 117 阅读 · 0 评论