JavaScript资料,JavaScript文章,JavaScript文档-易库教程

jMessageBox 基于jQuery的窗口插件

2016年07月27日 7 阅读

如下图：但是这些弹出来的窗口的样式非常的单调无法设置，并且窗口标题还根据不同的浏览器显示不同的标题内容，非常的丑陋！对于高审美观的现代人来说，就大打折扣了！ jQuery现在这么流行、这么火，但网上却好像还是没有提供类似于MessageBox的插件（或者只是我没有找到而已），类似的模式窗口插件倒是有一大堆，但这都不是我想要的。没现成的，就只好花点时间将我以前写的基于我的个人JS框架的MessageBox移值过来，也就是本文的JMessageBox。它的...

用javascript获取当页面上鼠标光标位置和触发事件的对象的代码

2016年07月27日 8 阅读

用javascript获取鼠标位置：复制代码代码如下: function mousePosition（ev） { if （ev.pageX || ev.pageY） { return { x: ev.pageX, y: ev.pageY }; } return { x: ev.clientX + document.body.scrollLeft - document.body.clientLeft, y: ev.clientY + document.b...

javascript实现的textarea运行框效果代码不用指定id批量指定

2016年07月27日 8 阅读

刚学了点DOM节点树的操作方法和属性，边尝试着写一个不用手动设置id和双击事件的例子，折腾了N久终于弄出了摸样来了，代码如下：（说明：双击运行文本框里的代码，右击复制其内的代码，另存为*.htm文件即可测试） textarea运行框效果 textarea {width:100%;height:200px;font-family:"fixedsys";overflow-y:hidden;} /******************************...

测试你的JS的掌握程度的代码

2016年07月27日 11 阅读

复制代码代码如下: <script type="text/javascript"> function doTest（s） { document.writeln（s + " : " + eval（s） + "<br />"）; } doTest（"null==undefined"）; //1： doTest（"null=="""）; //2： doTest（"null==0"）; //3： doTest（"0=="""）; //4：...

js 与或运算符 || && 妙用

2016年07月27日 6 阅读

首先出个题：如图：假设对成长速度显示规定如下：成长速度为5显示1个箭头；成长速度为10显示2个箭头；成长速度为12显示3个箭头；成长速度为15显示4个箭头；其他都显示都显示0各箭头。用代码怎么实现？差一点的if，else： Js代码复制代码代码如下: var add_level = 0; if（add_step == 5）{ add_level = 1; } else if（add_step == 10）{ add_level = 2;...

模仿JQuery.extend函数扩展自己对象的js代码

2016年07月27日 9 阅读

但在写的过程中发现，如果要在之前写好的对象中添加新的静态方法或实例方法，要修改原有的对象结构，于是查看了jquery了extend方法，果然extend方法支持了jq的半边天，拿来主义，给自己的对象做扩张用。下面进入正题：假如有以下一个对象复制代码代码如下: var MyMath = { //加法 Add: function（a, b）{ return a + b; }, //减法 Sub: function（a, b）{ return a - b;...

json 介绍 js简单实例

2016年07月27日 8 阅读

json格式非常适合于那些具有一些属性和值的简单对象。下面是一个简单的例子： var person={ //json对象定义开始 name:"脚本之家", //字符串 url:"www.jb51.net", //数字 age:"3", married:false, //布尔值 books:[ //数组，在数组中又嵌入了两个json对象 {name:"javascript",price:30}, {name:"正则表达式",price:25} ] } al...

Ext.MessageBox工具类简介

2016年07月27日 8 阅读

注意：1 ,Ext.MessageBox是一个工具类，继承自object对象 2 ,实质上它只是当前页面的一个层。案例如下：复制代码代码如下: Ext.onReady（function（）{ Ext.MessageBox.alert（"提示","请单击我，确定",callBack）; function callBack（id）{ alert（"单击的按钮ID是："+id）; } Ext.MessageBox.confirm（"提示","做出选择，确定...

ASP小贴士/ASP Tips javascript tips可以当桌面

2016年07月27日 7 阅读

早两日，在网上看到一张非常有意思的图片。把ASP常用的语法放在一张A4左右的纸上，打印出来，就放在电脑旁。一旦记不住某些语句的时候，就可以瞄上一眼。这个叫做Cheat Sheet。我把地址贴给大家，有兴趣的可以看一下感觉上，我经常用的上面没有，于是，自己做了一个，现在贴上来，让大家见笑了。更多内容请参考http://www.addedbytes.com/cheat-sheets/...

勾选时激活input 否则禁用的javascript代码

2016年07月27日 6 阅读

复制代码代码如下: window.onload = function（）{ var price = document.getElementById（"price"）; price.disabled = true; price.style.padding = "2px 3px"; price.style.background = "#eee"; price.style.border = "1px solid #ccc"; var tj = document...

javascript 输入文本框时的友好提示

2016年07月27日 6 阅读

下面的代码实现当用户停留在text输入框的时候提示输入什么的提示信息，提高用户粘合度。在输入内容前，显示如图1所示图1当用户名的文本框或得焦点时，效果如图2所示图2当密码文本框或得焦点时，效果如图3所示图3演示的源代码如下： tt控件演示 //tipTxt要显示的内容，apos向右移动的距离，vpos向下移动的距离 function tip（tt,tipTxt,apos,vpos）{ if（apos==undefined）{ var apos=0;...

jValidate 基于jQuery的表单验证插件

2016年07月27日 7 阅读

网上的各类表单验证插件的验证规则都是写在脚本里的，但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子：复制代码代码如下:<input name="name" type="text" id="name" size="30" jvpattern="^.+$" jverrortip="请输入正确的姓名." jvtipid="spt_name" jvmethod="checkname" /> <span id="spt_name" c...

用jquery ajax获取网站Alexa排名的代码

2016年07月27日 11 阅读

复制代码代码如下:<html> <head> <title></title> <script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $（function（）{ $（...

jQuery Selectors（选择器）的使用（九、表单对象属性篇）

2016年07月27日 15 阅读

本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。本篇讲解：:enabled,:disabled,:checked,:selected的用法。您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com 由于是第一次写技术性系列文章，难免会出错或代码BUG，欢迎指出，在此谢过！运行后，需要刷新下，加载下jquery jQuery-Selectors-9 .div { wid...

javascript 数组使用方法汇总

2016年07月27日 8 阅读

//Author :东阁 //Date：2008-1-11 //目的: 练习数组的基本操作 /* 由于javascript是一种无类型语言,所以一个数组的元素可以具有任意的数据类型,同一个数组的不同元素可以具有不同的类型,数组的元素设置可以包含其他数组,这样就可以创建一个复杂的数组了. 并且在这点上说javascript作为一种脚本语言不同于那种严格的面向对象的c++.c#,java了.具有更高的灵活性. */ /* *在javascript1.1和其...

用于CSS代码压缩与格式化的javascript函数代码

2016年07月27日 8 阅读

复制代码代码如下: var lCSSCoder={ format : function（s）{//格式化代码 s=s.replace（/s*（[{}:;,]）s*/g,"$1"）; s=s.replace（/,[s.#d]*{/g,"{"）; s=s.replace（/（[^s]）{（[^s]）/g,"$1 { $2"）; s=s.replace（/（[^s]）}（[^ ]*）/g,"$1 } $2"）; s=s.replace（/（[^s]）;（[^...

ExtJS下grid的一些属性说明

2016年07月27日 7 阅读

1.界面修改（css style）： Extjs中界面风格与我们产品本身的风格有很大不同，从边框、选中行的颜色到鼠标移动到的行的颜色、菜单等，几乎都不同。Extjs对这些样式的设置都是由css完成的。如：选中行的颜色就可用如下设置完成： .x-grid3-row-selected{background:#c6e2ff！important;} 其他的都类似，只要找到对应的class, 然后设置要修改的部分即可。 2. 属性的作用（About Ext.gri...

javascript 强制刷新页面的实现代码

2016年07月27日 7 阅读

Javascript刷新页面的几种方法： 1 history.go（0） 2 location.reload（） 3 location=location 4 location.assign（location） 5 document.execCommand（"Refresh"） 6 window.navigate（location） 7 location.replace（location） 8 document.URL=location.href 自动刷新页...

js 加载并解析XML字符串的代码

2016年07月27日 6 阅读

JS加载xml文档实例books.xml复制代码代码如下:<？xml version="1.0" encoding="ISO-8859-1"？> <bookstore> <book category="children"> <title lang="en">www.jb51.net</title> <author>J K. Rowling</author> <yea...

jquery提示 "object expected"的解决方法

2016年07月27日 5 阅读

1. "object expected"错误：是jquery库的引用方式不对引起的。错误的引用方式： <script src="/js/jquery-1.3.2.min.js" type="text/javascript"> </script> 正确的引用方式： <script language="javascript" type="text/javascript" src="../js/jquery-1.3.2.js"&...

首页 / 脚本样式 / JavaScript

jMessageBox 基于jQuery的窗口插件

用javascript获取当页面上鼠标光标位置和触发事件的对象的代码

javascript实现的textarea运行框效果代码 不用指定id批量指定

测试你的JS的掌握程度的代码

js 与或运算符 || &amp;&amp; 妙用

模仿JQuery.extend函数扩展自己对象的js代码

json 介绍 js简单实例

Ext.MessageBox工具类简介

ASP小贴士/ASP Tips javascript tips可以当桌面

勾选时激活input 否则禁用的javascript代码

javascript 输入文本框时的友好提示

jValidate 基于jQuery的表单验证插件

用jquery ajax获取网站Alexa排名的代码

jQuery Selectors（选择器）的使用（九、表单对象属性篇）

javascript 数组使用方法汇总

用于CSS代码压缩与格式化的javascript函数代码

ExtJS下grid的一些属性说明

javascript 强制刷新页面的实现代码

js 加载并解析XML字符串的代码

jquery提示 &quot;object expected&quot;的解决方法

javascript实现的textarea运行框效果代码不用指定id批量指定

js 与或运算符 || && 妙用

jquery提示 "object expected"的解决方法