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

PHP 与 js的通信（via ajax,json）

2016年07月27日 8 阅读

JavaScript端：注意：一定要设置xmlHttp.setRequestHeader，否则传往PHP的参数会变成null（line 38）亮点在line 31！复制代码代码如下: <script type="text/javascript"> function GetJson（） { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp = new XMLHttpRequ...

js封装的textarea操作方法集合（兼容很好）

2016年07月27日 5 阅读

虽然你现在看来没什么用，当要用的时候又到处找资料，还不如现在收集一下。在DOM里面操作textarea里面的字符，是比较麻烦的。于是我有这个封装分享给大家，测试过IE6,8, firefox ,chrome, opera , safari。兼容没问题。注意：在firefox下添加字符串的时候有个bug 就是scrollTop 会等于0，当然解决了，但是不够完美。如果有高手也研究过，麻烦指点下。复制代码代码如下: var TT = { /* * ...

jquery下异步提交表单异步跨域提交表单

2016年07月27日 10 阅读

1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数。使用 jQuery 异步提交表单代码：复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> </head> <script src="js/jquery-1.4.2.js"&...

基于jQuery的图片大小自动适应实现代码

2016年07月27日 6 阅读

关于这个和以前弄的图片远处放大有许多相同的地方，比如图片预加载、有限容器显示无限大图片。大小计算：内外两个比例。复制代码代码如下: // 容器比例和图片比例 var dr = dw/dh, ir = iw/ih; if（dr>ir）{ ih = dh; iw = ih * ir; }else{ iw = dw; ih = iw / ir; } 居中显示：CSS绝对定位，负边距。复制代码代码如下: $img.css（{width:iw,h...

js判断输入是否为正整数、浮点数等数字的函数代码

2016年07月27日 5 阅读

1.下面列出了一些判读数值类型的正则表达式复制代码代码如下: /^d+$/ //非负整数（正整数 + 0） /^[0-9]*[1-9][0-9]*$/ //正整数 /^（（-d+）|（0+））$/ //非正整数（负整数 + 0） /^-[0-9]*[1-9][0-9]*$/ //负整数 /^-？d+$/ //整数 /^d+（.d+）？$/ //非负浮点数（正浮点数 + 0） /^（（[0-9]+.[0-9]*[1-9][0-9]*）|（...

xml文档转换工具，附图表例子（hta）

2016年07月27日 6 阅读

源文档，饼图数据复制代码代码如下: <？xml version="1.0" encoding="utf-8"？> <items> <title>各指标所占比重</title> <unit>人</unit> <item> <name>指标一</name> <value>50</value> <description&g...

Json对象替换字符串占位符实现代码

2016年07月27日 5 阅读

例如: 含有占位符的字符串hello,{name},your birthday is {birthday }; 提供的Json对象{name: "czonechan", birthday : "1989-07-02" } ; 替换后为 hello,czonechan,your birthday is 1989-07-02。实现代码：复制代码代码如下: Object.prototype.jsonToString=function（str） ...

RGB转换实现代码，淘宝前端开发工程师笔试题

2016年07月27日 6 阅读

例如： #1234ff 输出 #1234ff #123 输出 #123 #12345g 输出 #12345g 复制代码代码如下: function RGB（rgb） { reg=/^#（[a-fA-F0-9]{2}）（[a-fA-F0-9]{2}）（[a-fA-F0-9]{2}）$/; if （ reg.test（rgb）） rgb="rgb（"+parseInt（RegExp.$1,16）+","+parseInt（RegExp.$2,16）+","...

Javascript 静态页面实现随机显示广告的办法

2016年07月27日 6 阅读

首先，要实现生成n以内不重复的随机数，并将产生的随机数放入另一个Array中，用以下方法来完成：复制代码代码如下: function getRandomNumbers（count） { var numbers = new Array（）; var original = new Array（）; for （var i=0;i<count;i++） { original[i] = i+1; } original.sort（function（）{ re...

javascript拓展DOM操作 prependChild insertAfert

2016年07月27日 6 阅读

以下是自己写的一个拓展函数，虽然网上已经有了，仅当做自己练兵。。。复制代码代码如下: function prependChild（o,s）{ if（s.hasChildNodes（））{ s.insertBefore（o,s.firstChild）; }else{ s.appendChild（o）; } } function insertAfert（o,s）{ if（s.nextSibling！=null）{ s.parentNode.insertBe...

javascript利用初始化数据装配模版的实现代码

2016年07月27日 6 阅读

var list = [{id:1, name:"czone", age:21}, {id:2, name:"czonechan", age:21}]; var template ="<div id="p$id"><span class="name">$name</span><span class="age">$age</span></div>"; 实现一个通用方法，使用初始化数据来装...

js简单的年月联动实现代码

2016年07月27日 7 阅读

HTML 复制代码代码如下: <SELECT NAME="SelTjYear"> </SELECT> <SELECT NAME="SelTjMonth"> </SELECT> 源码：复制代码代码如下: function vYearMonth（yearObjId, monthObjId） { var selYear = document.getElementById（yearObjId）; var se...

return false,对阻止事件默认动作的一些测试代码

2016年07月27日 6 阅读

首先页面上有一个 <textarea id="test"></textarea> 我们为其绑定以下事件复制代码代码如下: test.onkeydown = function（）{ return false; } test.onkeyup = function（）{ return false; } test.onkeypress = function（）{ return false; } 我们分别注释掉其中的两个事件，每次测试仅...

菜鸟学习JavaScript小实验之函数引用

2016年07月27日 5 阅读

复制代码代码如下: function tt（） { alert（11）; } var b = tt; var b1 = tt（）; //执行tt（）函数功能对于函数的引用，可直接将函数名“tt”赋给变量，但不可以是函数名+括号的形式“tt（）”,因为第二种是直接执行该函数。调用函数的时候，用变量名+括号的形式，如：b（）。复制代码代码如下: function tt（） { alert（11）; } var b = tt; a...

jQuery阻止冒泡和HTML默认操作

2016年07月27日 6 阅读

1：jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。 2：在当今的各个浏览器中都支持事件的冒泡，所谓的冒泡可以这样理解：条件：外层有一个DIV元素，在内层有一个P元素，他两存在这样的关系:DIV是P元素的父元素，而P是外层DIV的子元素，他们之间存在包含和被包含的关系。事件：现在我们都在这两个元素上绑定相同的事件，比如click事件。结果：这时，当我们点击...

Google AJAX 搜索 API实现代码

2016年07月27日 7 阅读

Google AJAX 搜索 API文档：http://code.google.com/intl/zh-CN/apis/websearch/docs/复制代码代码如下:<！DOCTYPE html> <html> <head> <title>Google AJAX 搜索 API</title> <style type="text/css"> #searchcontrol .gsc-c...

javascript实现的使用方向键控制光标在table单元格中切换

2016年07月27日 6 阅读

效果截图： 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> <title>...

非阻塞动态加载javascript广告实现代码

2016年07月27日 5 阅读

复制代码代码如下: <！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> <meta http-equiv="Content...

基于jquery的一个OutlookBar类，动态创建导航条

2016年07月27日 5 阅读

图示效果：演示地址：http://demo.jb51.net/js/menu_jquery/index.html下载地址：http://xiazai.jb51.net/201011/yuanma/menu_jquery.rarOutlookBar.js 复制代码代码如下: function OutlookBar（targetName）//targetName:右侧iframe的name { //创建标题 this.AddTitle=function（me...

JQuery 选择和过滤方法代码总结

2016年07月27日 5 阅读

1、查找所有符合条件的元素 find（）举例： $（"ul"）.find（"li"）.addClass（"tmpExample"）; 查找页面中ul元素下的所有li元素，并为查找到的li元素增加tmpExample样式。2、查找指定元素的兄弟节点 siblings（）举例：$（"li#tmpCarrot"）.slblings（）.addClass（"tmpExample"）; 查找ID为tmpCarrot的li元素所有的兄弟节点，并为查找到的兄弟节点增...

首页 / 脚本样式 / JavaScript

PHP 与 js的通信（via ajax,json）

js封装的textarea操作方法集合（兼容很好）

jquery下异步提交表单 异步跨域提交表单

基于jQuery的图片大小自动适应实现代码

js判断输入是否为正整数、浮点数等数字的函数代码

xml文档转换工具，附图表例子（hta）

Json对象替换字符串占位符实现代码

RGB转换实现代码，淘宝前端开发工程师笔试题

Javascript 静态页面实现随机显示广告的办法

javascript拓展DOM操作 prependChild insertAfert

javascript利用初始化数据装配模版的实现代码

js简单的年月联动实现代码

return false,对阻止事件默认动作的一些测试代码

菜鸟学习JavaScript小实验之函数引用

jQuery阻止冒泡和HTML默认操作

Google AJAX 搜索 API实现代码

javascript实现的使用方向键控制光标在table单元格中切换

非阻塞动态加载javascript广告实现代码

基于jquery的一个OutlookBar类，动态创建导航条

JQuery 选择和过滤方法代码总结

jquery下异步提交表单异步跨域提交表单