使用jquery为table动态添加行的实现代码

2017年02月06日 24 阅读

这里，用的jquery来做的。关键代码如下： 复制代码 代码如下: //添加數據行； function AddRow（）{ var vTb=$（"#TbData"）;//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的Class,得到数据行的大小 var vNum=$（"#TbData tr"）.filter（".CaseRow"）.size（）+1;//表格有多少个数据行 var vTr=$（"#TbData #tr...

使用jQuery实现dropdownlist的联动效果（sharepoint 2007）

2017年02月06日 22 阅读

使用场景，比如，选中某个省份，然后下级列表中会显示对应的城市。1.使用Jquery-1.4.2.js和jquery.SPServices-0.5.7.js。2.创建主表和子表，建立对应关系。3.在List的NewItem或者EditItem page中添加Content Editor Webpart,然后在其中添加脚本代码。4.实现，dropdownObj控件:cascadeDropdownObj控件（该控件是通过脚本附加的）:该方法是通过传入参数，来返回...

Draggable Elements 元素拖拽功能实现代码

2017年02月06日 23 阅读

当然我们可以研究js库的源码, 也可以自己去发明轮子试试看, 其过程还是挺有趣的...下面我就来实现下页面元素的拖拽功能 现在就开始着手实现, 让我们从最顶层的方法讲起, 它用于初始化一个drag object, 方法的声明如下 function DragObject（cfg） 这里的cfg我们用一个对象来传入, 有点像Extjs里配置属性 复制代码 代码如下: var dragObj = new DragObject（{ el: "exampleB", ...

setTimeout和setInterval的区别你真的了解吗？

2017年02月06日 22 阅读

甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大, 但其实并不是如此, 实际的情况是javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行的代码在你设定的一个时间点插入js引擎维护的一个代码队列中, 插入代码队列并不意味着你的代码就会立马执行的,理解这一点很重要. 而且se...

HTML DOM的nodeType值介绍

2017年02月06日 24 阅读

nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。nodeName 属性含有某个节点的名称。 元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释：nodeName 所包含的 XML 元素的标签名称永远是大写的 nodeValue 对于文本节点，nodeValue 属性包含文本。 ...

IE6 fixed的完美解决方案

2017年02月06日 22 阅读

第一种方法：纯CSS 目前网上有的比较多的是这种解决方案（纯CSS）： 复制代码 代码如下: html{overflow:hidden;} body{height:100%;overflow:auto;} #rightform form{position:absolute;right:30px;top50px;} 这个方法有一个bug未解决：在IE6下会把所有position:absolute都变成“浮动”的元素；还有使用js方法滚动滚动条时会出现对...

Javascript 面试题随笔

2017年02月06日 20 阅读

复制代码 代码如下: var Fundamental = {count:1}; function Test（）{} Test.prototype = Fundamental; Test.prototype.increase = function（）{this.count++;}; var test = new Test（）; console.log（test.count）; var test2 = new Test（）; console.log（test2...

nodejs 后缀名判断限制代码

2017年02月06日 21 阅读

现状: 冗余 在web开发中，我们是否常常会使用不同的编程语言实现相同的功能？ 如一个文件上传功能，需要对上传文件进行文件格式限制。我们通常会使用后缀名做限制。 前端 为了用户体验，会在页面对用户选择的文件进行判断，合法才让用户可以上传。 复制代码 代码如下: function is_filetype（filename, types） { types = types.split（","）; var pattern = ".（"; for（var i=0; ...

按钮JS复制文本框和表格的代码

2017年02月06日 22 阅读

有了JS就方便了，点击一个按钮，拖黑复制自动搞定，然后CTRL+V就OK了！ PHP、JS、AJALX学习中！ 点击按钮，通过JS代码实现复制INPUT表单： 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript"> function copyinput（） { var input=document.getElementById（"inputid"）;//input的ID值 input.select（）; //选择对象...

在IE和VB中支持png图片透明效果的实现方法（vb源码打包）

2017年02月06日 23 阅读

1，使用js文件使IE支持png图片透明效果。 pngfix.js： 复制代码 代码如下: var arVersion = navigator.appVersion.split（"MSIE"） var version = parseFloat（arVersion[1]） function fixPNG（myImage） { if （（version >= 5.5） && （version < 7） && （document.body.filte...

jquery1.5.1中根据元素ID获取元素对象的代码

2017年02月06日 23 阅读

在jquery1.5.1根据ID来获取对象返回的是对应数组，想不通怪不得使用document.getElementById（""ID名""）可以取到单一的对象，使用$（"#ID名"）却不行，悲剧呀。 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional....

JQuery文本框高亮显示插件代码

2017年02月06日 19 阅读

代码如下： jquery-highlight.js 复制代码 代码如下: /* description:TextBox HighLight author:Allen Liu */ （function（$） { $.fn.highlight = function（options） { var defaultOpt = { lightColor: "yellow", /* 高亮时的颜色 */ lightTime: 1000, /* 高亮时长 （单位：毫秒） *...

8个超棒的学习 jQuery 的网站 推荐收藏

2017年02月06日 23 阅读

对于初学者来说，有的时候很难找到一个好的学习jQuery的网站，所以本文收集了8个很棒的 jQuery 学习网站推荐给大家。 1.Learning jQuery最好的 jQuery 资源博客之一，从 jQuery 高手那里获得宝贵的经验。2.jQuery Mix一个内容非常丰富的网站，有关 jQuery 的各种各样的信息。3.jQuery for Designers非常棒的一个 jQuery 资源和教程网站，帮助你成长为 jQuery 高手。4.15 Da...

jquery 读取页面load get post ajax 四种方式代码写法

2017年02月06日 23 阅读

load 复制代码 代码如下: $（"#result"）.load（"aaaa.asp #ccc"）; get 复制代码 代码如下: $.get（"aaaa.asp", { action:"get",name:"lulu" }, function（data, textStatus）{ $（"#result"）.html（data）; //alert（this）; //alert（data）; //alert（textStatus）; }）; post ...

dreamweaver 安装Jquery智能提示

2017年02月06日 22 阅读

dreamweaver: 在http://xtnd.us/dreamweaver/jquery网址中下载一个名为jQuery_API.mxp的插件。在Dreamweaver中依次选择“命令”->“扩展管理”->“安装扩展”->“jQuery_API.mxp”命令后，就会自动安装插件了。扩展安装成功后重启dreamweaver，新建空白页面，引入jQuery，然后编写jQuery代码，会发现已经具有自动提示功能了.如果用户的dreamwea...

使用Firebug对js进行断点调试的图文方法

2017年02月06日 21 阅读

具体步骤： a. 打开Firebug后，启用“脚本”调试，找到引用的脚本文件（或者行内js）；b. 在适当的位置加入断点；c. 如果断点已经执行过，则刷新页面，这时脚本就会在断点处中断。如果断点没有执行过，那可以直接执行页面上的动作（例如点击按钮等），然后代码会在断点处中断；d. 观察函数调用栈，观察local变量，也可以进行单步执行，进行调试。确实非常简单！用Firebug断点调试的优点总结如下：能加断点的行用绿色行号，非常直观； call stack用...

新鲜出炉的js tips提示效果

2017年02月06日 24 阅读

兼容性已经测过：IE6IE7IE8FF3CHROME10 复制代码 代码如下:<！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"> <meta http...

基于jquery的合并table相同单元格的插件（精简版）

2017年02月06日 22 阅读

效果如下 原表格:col0col1col2col3SuZhou1111122222SuZhouCitySuZhou3333344444SuZhouCitySuZhou5555566666SuZhouCityShangHai7777788888ShangHaiCityShangHaiuuuuuhhhhhShangHaiCityShangHaigggggcccccShangHaiCityGuangZhouttttteeeeeGuangZhouCityGuang...

基于jquery的动态创建表格的插件

2017年02月06日 20 阅读

废话少说直接进入主题， 表格功能: 1、添加 2、删除 3、获取值 4、动态填充数据 5、动态设置焦点 6、键盘左右上下键控制单元格焦点 7、单元格添加正则验证功能 WebForm4.aspx 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="table.WebForm4" %> <！DOCTYP...

jQuery 1.5 源码解读 面向中高阶JSER

2017年02月06日 24 阅读

几乎很难从jQuery分离其中的一部分功能。所以在这里我分享下应该读 jQuery 源码的一些成果，以及读源码的方法。啃代码是必须的。 1. 代码折叠是必须的。因此必须在支持语法折叠的编辑器里打开源码。 根据折叠层次，我们可以很快知道: 所有 jQuery 的代码都在一个函数中: （function（ window, undefined ） {// jQuery 代码}）（window）;这样可以避免内部对象污染全局。传入的参数1是 window， 参...