再谈javascript 动态添加样式规则 W3C校检

2017年02月06日 24 阅读

毫无疑问，基于表现与结构相分离的原则，直接导入一个新的样式表是最好的选择，但有些情况就行不通，如我们做一个能拖动的DIV，从设置样式的角度看，就是把它绝对定位，以防影响原来的文档流，然后一点点改变其top与left的值实现移动的效果。由于拖动是有时间概念的，一秒24帧，样式表不可能面面俱到都把它们写进去。因此动态生成样式规则与快速修改样式规则是非常有必要的，W3C为此做了大量的工作，在DOM2.0中，扩充了不少接口。 退一步说，表现与结构相分离也不止导入样...

用Javascript同时提交多个Web表单的方法

2017年02月06日 28 阅读

1问题来自一位网友的提问： web页面里有多个表单，每个表单对应着某一类数据操作。 比如一个详细的简历信息页面分 1、个人资料 2、工作经验 3、项目经验 4、其他信息 4个表单。 一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作（也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器，并根据表单的action）。 现在有这样的需求，允许用户选择其中任意的一个或多个表单进行提交修改，这样的话在客户端如何提交表单？...

javascript 闪烁的圣诞树实现代码

2017年02月06日 26 阅读

christree var $ = function（）{ var dom = {}; return { get : function（$）{ if（！dom[$]） dom[$] = document.getElementById（$）; return dom[$]; } ,apply : function（s,t,d）{ if（t && typeof t == "object"） $.apply（s,d） if（s && t && typeo...

键盘上下键移动选择table表格行的js代码

2017年02月06日 28 阅读

//这是要操作的表格： 这是第一行 这是第二行 这是第三行 这是第四行 //这是操作表格的代码 var rowNo= -1; var tableId = "tb"; var inputId = "show"; var selectedColor = "#FF0000" function document.onkeydown（） { //事件的标识代码 if （event.keyCode == 38） { for（var k=0;k...

javascript 计算两个整数的百分比值

2017年02月06日 27 阅读

复制代码 代码如下:///计算两个整数的百分比值 function GetPercent（num, total） { num = parseFloat（num）; total = parseFloat（total）; if （isNaN（num） || isNaN（total）） { return "-"; } return total <= 0 ？ "0%" : （Math.round（num / total * 10000） / 100.00 +...

js tab效果的实现代码

2017年02月06日 25 阅读

预实现效果:（点击不同的tab显示不同面板内容）一:用到的js函数:复制代码 代码如下:<script language="javascript" type="text/javascript" > //变换tab函数 //原则,外层div里含有内层多个div function tabPanelEx（trThis,urlImgNormal,urlImgPoint,tabs,tabid）{ var tds=trThis.parentNode.chi...

默认让页面的第一个控件选中的javascript代码

2017年02月06日 24 阅读

当页面上面显示了一个表单后，通常焦点 并不是放在第一个控件上面，只需要一点通常的脚本就可以实现这个效果 。 document.forms[0].elements[0].focus（）; 如果页面的第一个控件是隐藏字段，或是不支持focus（） 上面这段javascript 可能就会出现错误 ！ 复制代码 代码如下: var formutil = new Object; formutil.focusOnfirst = function（） { if（docu...

js 创建一个浮动div的代码

2017年02月06日 26 阅读

//关闭DIV MENU function MenuClose（） { var MenuDiv = document.getElementById（"MenuDiv"）; if（MenuDiv ！= null） { document.body.removeChild（MenuDiv）; } } //创建menu function MenuPanel（opflag,operid, left, top） { var MenuDiv = document.g...

javascript下利用数组缓存正则表达式的实现方法

2017年02月06日 23 阅读

如果能用字面量创建正则就最好不过，显然有时我们不得不使用new RegExp（）这种大消耗的创建方法，比如语法高亮与排版就大量用到正则表达式，要用到的patten越多，需要的时间就越长，火狐好像是12秒就发出警告，IE就直接假死。这时我们就需要利用组存大法要提高我们程序的性能了。通常摆在我们眼前的如下两种选择来作为我们的容器，数组或对象。我这里选择前者，前者更轻量一点。下面我们就hasClass函数作性能改进。 原来的写法： 复制代码 代码如下: var ...

javascript 最常用的10个自定义函数[推荐]

2017年02月06日 27 阅读

（10）addEvent 网上最流行的版本是Scott Andrew的，据说javascript界曾举行一场比赛（此事件我们可以在Pro Javascript Techniques第100页看到）或浏览PPK的网站，征求添加事件与移除事件的函数，他就是其获奖者。下面就是他的实现： 复制代码 代码如下: function addEvent（elm, evType, fn, useCapture） { if （elm.addEventListener） { e...

jQuery 常见开发使用技巧总结

2017年02月06日 22 阅读

1、关于页面元素的引用 通过jquery的$（）引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。 普通的dom对象一般可以通过$（）转换成jquer...

十分钟打造AutoComplete自动完成效果代码

2017年02月06日 27 阅读

.老生常谈---XmlHttpRequest 代码 复制代码 代码如下: var xmlHttp; function createXmlHttpRequest（） { if（window.ActieveXObject） { xmlHttp=new ActieveXObject（"Microsoft.XMLHTTP"）; } else if（window.XMLHttpRequest） { xmlHttp=new XMLHttpRequest（）; } } ...

JavaScript 入门基础知识 想学习js的朋友可以参考下

2017年02月06日 27 阅读

stringObject.charAt（index）方法：返回指定索引位置处的字符。 stringObject.slice（start,[end]）和stringObject.substring（start,[end]）方法都接受两个参数，分别为子字符串的起始位置和终止位置，返回这两者之间的字符串，不包括终止位置的那个字符串。如果不指定第二个参数，则默认为字符串的长度，即从起始位置到字符串的末尾。 【区别】这两个方法的区别主要是对于负数的处理不同。负数参数...

javascript 清空form表单中某种元素的值

2017年02月06日 26 阅读

下面就以情况type=“text”为例: 复制代码 代码如下: <form id="form1" method="post"> <input type="text" /> <input type="text" /> <input type="button" value="clear" onclick="Refresh（）" /> </form> 通过调用js的Refresh方法 方法一 复制代码...

javascript 格式化时间日期函数代码脚本之家修正版

2017年02月06日 28 阅读

Date.prototype.format = function（format） { var o = { "M+" : this.getMonth（）+1, //month "d+" : this.getDate（）, //day "h+" : this.getHours（）, //hour "m+" : this.getMinutes（）, //minute "s+" : this.getSeconds（）, //second "q+" : Math....

javascript dom操作之cloneNode文本节点克隆使用技巧

2017年02月06日 27 阅读

true：完全的复制一个节点，什么叫完全呢，就是复制一切，包括他的子节点，以至于文本节点，凡是有的，一律克隆，所谓完全 false：只克隆当前节点，不克隆任何的子节点，当然也不会克隆他所包裹的文本，因为任何文本都有指向他的节点（文本节点） 当然有时候两者是可以通用的哦，如果要复制的节点没有任何的子节点，这是二者全等；比如 img... 为了让大家理解的更为深刻，举个小例子吧： 复制代码 代码如下: <div> <span>Shado...

jQuery 动态酷效果实现总结

2017年02月06日 23 阅读

jQuery在制作动态酷效果的时候有很强的优势，以下是笔者总结的一些最常用到的方法。1.修改内联CSS jQyery提供.css（）方法来供我们获取或修改内联的css .css（）方法能够接收的参数由两种，一种是为它单独传递一个单独的样式属性和值，另一种是为它传递一个由“属性-值”对构成的映射： .css（"property","value"）; .css（{"property1":"value1","property-2":"value2"}）; 一般来...

jQuery中的常用事件总结

2017年02月06日 26 阅读

1.$（document）.ready（） $（document）.ready（）是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。它和onload具有类似的效果。但是也有一些差异： 当一个文档完全下载到浏览器中时，会触发window.onload事件。而使用$（document）.ready（）注册的事件处理程序会在html下载完成并解析为Dom树之后，代码就可以运行，但并不意味着所有关联文件都已经下载完毕。 一个页...

用Jquery实现可编辑表格并用AJAX提交到服务器修改数据

2017年02月06日 29 阅读

下面是js Code: 复制代码 代码如下: $（function（） { // 相当于在页面中的body标签加上onload事件 $（".caname"）.click（function（） { // 给页面中有caname类的标签加上click函数 var objTD = $（this）; var oldText = $.trim（objTD.text（））; // 保存老的类别名称 var input = $（"<input type="text...

javascript+css 网页每次加载不同样式的实现方法

2017年02月06日 29 阅读

【明确需求】 网页加载样式表default.css，会展现默认风格。同时为实现多种风格，制作了skin1.css，skin2.css，skin3.css三种定制样式。如果在加载default.css后，再加载其中某一样式表，则会覆盖默认风格，展示新风格； 每次随机加载skin1.css、skin2.css、skin3.css，或者使用默认风格。需要注意的一点是，随机加载也有可能使这一次和上一次的样式相同。 【实现思路】 使用document.write动态...