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

Jquery 动态添加按钮实现代码

2016年07月27日 7 阅读

点击添加动态添加两个文本框：分别表示x和y的值，点击取消删除本行的2个文本框记得要引入jquery.js复制代码代码如下: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $（function（） { $（"#btnMian"）.click（function（） { //生成 0...

jQuery Selector选择器小结

2016年07月27日 7 阅读

//jQuery 选择器 $ //$（expression,[context]） return jQuery //Unit One //expression 之 CSS 定义符就是以CSS语法表示所要选择的元素 // $（"*"）; // 表示页面所有元素标签 // $（"th, td"） // 表示所有<th><td>元素标签 // $（"a"） // 表示所有<a>元素标签 // $（"div#onlydiv"）;...

10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

2016年07月27日 7 阅读

在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office？的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了5个基于 JavaScript？的编辑器，5个基于 jQuery 框架的编辑器。 MarkitUp – jQuery Official Website | Demo markItUp！它不是一个“全功能，乱用”的编辑器。...

jQuery 创建Dom元素

2016年07月27日 7 阅读

代码如下：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <...

javascript 通用简单的table选项卡实现

2016年07月27日 7 阅读

第一步：引用table.js 复制代码代码如下:<script type="text/javascript" src="table.js"> </script>第二步：定义选中的样式，比如“active”，应用选项卡的块的ID，比如“sidebar”，默认被选中的序号，比如第一个“0”；第三步：调用函数：复制代码代码如下:<script type="text/javascript"> //参数分别为：默认选择项 ...

javascript 读取内联之外的样式（style、currentStyle、getComputedStyle区别介绍）

2016年07月27日 7 阅读

样式表有三种方式内嵌样式（inline Style）：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的<head></head>里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式（Styles），将样式（Styles）写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式...

使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇

2016年07月27日 8 阅读

调用jQuery的ajax方法时,jQuery会根据post或者get协议对参数data进行序列化; 如果提交的数据使用复杂的json数据,例如: {userId:32323,userName:{firstName:"李",lastName:"李大嘴"}} 那么服务器是无法正常接收到完整的参数,因为jQuery对data的序列化,是使用了键值对拼装的方式; 参数拼装成 userId=32323&userName=object ; userName所指向的对...

javascript动态添加表格数据行（ASP后台数据库保存例子）

2016年07月27日 6 阅读

在很多web应用中，我们会遇到很多需要动态插入多行纪录的地方。比如，在人才网站上，我们填写简历的时候，我们要填写我们的项目经验，我们可以根据自己的实际情况动态的添加条数，这种不是以单独页面的形式添加，这种动态添加是在同一个页面下动态添加，最后再一起提交到服务器保存到数据库中。本文，我将以一个类似的例子来做一个前台用Javascript动态添加数据项，后台保存到数据库的例子。浏览器：IE.6.0 后台：ASP （VBScript ）前台：HTML + ...

javascript之通用简单的table选项卡实现（二）

2016年07月27日 7 阅读

回归原始，当样式切换后，把控制权还给页面，即table.js仅控制切换样式和记录操作：复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <...

javascript 精粹笔记

2016年07月27日 6 阅读

//为构造函数原型添加方法 Function.method=function（name,func）{ this.prototype.name=func; } Number.method（"integer",function（）{ return Math[this < 0 ？ "ceil":"floor"]（this）; }）; （-10/3）.integer（）;//-3 String.method（"trim",function（）{ re...

JavaScript中变量的相互引用

2016年07月27日 7 阅读

测试如下： .my_show_textarea { width:600px; height:150px; font-family:"Courier New", Courier, monospace; overflow:auto; border:1px solid #ccc; font-size:11px;} .my_show_button{ font-family:"微软雅黑",Arial, Helvetica, sans-serif } 数组类型测试 ...

javascript 就地编辑实现代码

2016年07月27日 6 阅读

于是有了这个：无标题文档 // JavaScript Document var Deditor=（ function（）{ //private methods function addEvent（elem,type,handler）{ if（！+"v1"）{//IE elem[type+handler.toString（）]=handler; elem.attachEvent（"on"+type,function（）{ elem[type+ha...

javascript 模式设计之工厂模式详细说明

2016年07月27日 9 阅读

模式类型：工厂模式模式说明：常用模式之一，用来动态创建对象适用范围：在运行期间需要在一系列可互换的子类中进行选择的类注意事项：接口的实现，从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要拘泥与形式,理解本质。关键点：以函数/类/子类构建的选择器本质：函数作为选择器的使用一般使用形式：作为独立的选择器存在：复制代码代码如下: function FactoryMode（index）{ switch（index）{ case "i...

js function使用心得

2016年07月27日 5 阅读

1.最基本的作为一个本本分分的函数声明使用。复制代码代码如下: function func（）{} 或 var func=function（）{}; 2.作为一个类构造器使用：复制代码代码如下: function class（）{} class.prototype={}; var item=new class（）; 3.作为闭包使用：复制代码代码如下: （function（）{ //独立作用域 }）（）; 4.可以作为选择器使用：复制代...

JavaScript几种形式的树结构菜单

2016年07月27日 6 阅读

1.悬浮层树（Tree）这种树结构实现类似面包屑导航功能，监听的是节点鼠标移动的事件，然后在节点下方或右方显示子节点，依此递归显示子节点的子节点。用户首页博客设置文章相册留言评论系统这里要注意几个小问题，其一这种树结构是悬浮层绝对定位的，在创建层的时候一定要直接放在body的下面，这样做的是确保在IE里面能遮掩住任何层，因为在IE里面是有stacking context这种东西的潜规则在里面的，另外当然还有一个select你能遮住我吗？老掉牙的问题，...

javascript转换字符串为dom对象（字符串动态创建dom）

2016年07月27日 6 阅读

前言：在javascript里面动态创建标准dom对象一般使用： var obj = document.createElement（"div"）; 然后再给obj设置一些属性。但是，在实际使用过程中，有些人可能会想，要是能这样创建标准的dom对象就好了伪代码：var obj=strToDom（"<div id="div_1" class="div1">Hello World！</div>"）; 那么今天的目的就是教大家怎么去实...

Javascript异步表单提交，图片上传，兼容异步模拟ajax技术

2016年07月27日 7 阅读

前言：咋一看标题还挺长的呢，还有这么多功能，其实简化一点就是一个功能，异步表单提交，只是在异步表单提交这个大功能下，可以实现图片上传，模拟ajax技术（其实很早以前就是通过这个方式来实现多浏览器的兼容ajax，这里只是怀怀旧，作为一个技术来玩玩），下面的内容需要有一定的js基础，要不然理解起来会比较困难。注意事项：这是我bBank里面的一个方法，现在我把他提取出来成一个通用方法来讲解。 bBank 框架介绍：http://www.cnblogs.co...

js 小数取整的函数

2016年07月27日 12 阅读

1.丢弃小数部分,保留整数部分 js:parseInt（7/2） 2.向上取整,有小数就整数部分加1 js: Math.ceil（7/2） 3,四舍五入. js: Math.round（7/2） 4,向下取整 js: Math.floor（7/2）...

JavaScript 存在陷阱删除某一区域所有节点

2016年07月27日 6 阅读

比较简单的，例如：有一区域<div id="newbody" ></div>，现要求删除其中所有节点。相信很多人会这样写：复制代码代码如下: var divpanel = document.getElementById（"newbody"）; var controlinfo= divpanel.childNodes; for（var index = 0;index < controlinfo.length ;index++...

jquery tab标签页的制作

2016年07月27日 7 阅读

这里有一个内容要特别注意的那就是给标签的mouseover事件设置延迟，这样防止用户恶意的移动鼠标导致放送大量的请求而是服务器崩溃，用到setTimeout函数，主要用到已下的事件 1 $（）.each（function（）{}）这个是个非常重要的遍历所有标签的好办法 2 mouseover事件，还有就是关键的css样式编写，控制显示的样式，复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4...

首页 / 脚本样式 / JavaScript

Jquery 动态添加按钮实现代码

jQuery Selector选择器小结

10个基于jQuery或JavaScript的WYSIWYG 编辑器整理

jQuery 创建Dom元素

javascript 通用简单的table选项卡实现

javascript 读取内联之外的样式（style、currentStyle、getComputedStyle区别介绍）

使用jQuery向asp.net Mvc传递复杂json数据-ModelBinder篇

javascript动态添加表格数据行（ASP后台数据库保存例子）

javascript之通用简单的table选项卡实现（二）

javascript 精粹笔记

JavaScript中变量的相互引用

javascript 就地编辑实现代码

javascript 模式设计之工厂模式详细说明

js function使用心得

JavaScript几种形式的树结构菜单

javascript转换字符串为dom对象（字符串动态创建dom）

Javascript异步表单提交，图片上传，兼容异步模拟ajax技术

js 小数取整的函数

JavaScript 存在陷阱 删除某一区域所有节点

jquery tab标签页的制作

JavaScript 存在陷阱删除某一区域所有节点