javascript获得光标所在的文本框（text/textarea）中的位置

2017年02月06日 25 阅读

js获得光标所在的文本框（text/textarea）中的位置 function getPosition（obj）{ var result = 0; if（obj.selectionStart）{ //IE以外 result = obj.selectionStart }else{ //IE var rng; if（obj.tagName == "textarea"）{ //TEXTAREA rng = event.srcElement.creat...

event.srcElement 用法笔记e.target

2017年02月06日 24 阅读

注意获取的标记都以大写表示，如"TD","TR","A"等。所以把看过的一些抄下来，不记得的时候再来看看。 复制代码 代码如下: <script type="text/javascript"> function tdclick（）{ if（event.srcElement.tagName.toLowerCase（）=="td"） alert（"行："+（event.srcElement.parentNode.rowIndex+1）+"列："+（...

javascript 导出数据到Excel（处理table中的元素）

2017年02月06日 26 阅读

做法： 修改Input的outerHTML; 具体例子： 复制代码 代码如下: function resetInput（） { var controls = document.getElementsByTagName（"input"）; for（var i=0; i<controls.length; i++）{ if（controls[i].type=="text"） { if（controls[i].value ==""） { controls[i...

javascript DOM操作之动态删除TABLE多行

2017年02月06日 26 阅读

DOM动态删除TABLE多行 function $（objId）{ return document.getElementById（objId）; } function del_tbl（tblN,ckN）{ var ck = document.getElementsByName（ckN）; var tab = $（tblN）; var rowIndex; for（var i=0;i...

Javascript在IE或Firefox下获取鼠标位置的代码

2017年02月06日 29 阅读

第一段代码是利用全局变量来获取实时鼠标的位置。 复制代码 代码如下: var xPos; var yPos; window.document.onmousemove（function（evt）{ evt=evt || window.event; if（evt.pageX）{ xPos=evt.pageX; yPos=evt.pageY; } else { xPos=evt.clientX+document.body.scrollLeft-document....

Javascript 多浏览器兼容性问题及解决方案

2017年02月06日 28 阅读

CSS 多浏览器兼容性问题及解决方案一、document.formName.item（”itemName”） 问题 问题说明：IE下，可以使用 document.formName.item（”itemName”） 或 document.formName.elements ["elementName"]；Firefox 下，只能使用document.formName.elements["elementName"]。 解决方法：统一使用document.for...

让div层随鼠标移动的实现代码 ie ff

2017年02月06日 23 阅读

.center_div2 { position: absolute; z-index: 1; text-align: center; display: none; background-color: #e0e7ef; } .center_div_tips2 { position: relative; color: Red; } <div id="detailDiv" class="center_div2"> <span class="ce...

JavaScript 序列化对象实现代码

2017年02月06日 23 阅读

作者发的是一张图，大家可以放大看。前些天说过关于JavaScript的Literal Syntax问题，觉得挺有意思的，于是又研究了一下，能不能把对象再转化为Literal形式呢？就像我们平时说的序列化和反序列化啥的。当然可以了，因为JavaScript对象自身都提供了一个toString（）方法，默认就是返回简单对象的Literal形式。 我们需要作的就是判断对象的具体类型，然后分别Serialize每种对象，再输出为Object的Literal语法形式...

替代window.event.srcElement效果的可兼容性的函数

2017年02月06日 26 阅读

复制代码 代码如下: function getEvent（） { var i = 0; if（document.all）{ return window.event; } func = getEvent.caller; while（func ！= null） { var arg0 = func.arguments[0]; if（arg0） { if（arg0.constructor == MouseEvent） { return arg0; } } func...

div+css+js模拟tab切换效果 事件绑定 IE,firefox兼容

2017年02月06日 26 阅读

div+css+js模拟tab, 我这个版本,理论上可以添加无限个tab,而且,你只要管内容的添加行了,不需要改JS 当然,你得会DIV才行. div+css+js模拟tab 框1111 框2222 框3333 框4444 这里是内容撒．111．． 这里是内容撒．111．． 这里是内容撒．111．． 这里是内容撒222．． 这里是内容撒．222．． 这里是内容撒．222．． 这里是内容撒．333．． 这里是内容撒．333．． 这里是内容撒．...

IE和Firefox下event事件杂谈

2017年02月06日 27 阅读

因为javascript的事件模型有三种，它们分别是NN4、IE4+和W3C/Safari;这也造成了在不同的浏览器中处理event的差异，这里结合一些零碎的代码来说明如何做到event在IE4+和Firefox下的正常工作。首先看如下代码： 复制代码 代码如下: function doEventThing（eventTag）{ var event = eventTag||window.event; var currentKey = event.charC...

javascript option onclick事件ie解决方案 兼容ie,firefox

2017年02月06日 29 阅读

select-option onclick function simOptionClick4IE（）{ var evt=window.event ; var selectObj=evt？evt.srcElement:null; // IE Only if （evt && selectObj && evt.offsetY && evt.button！=2 && （evt.offsetY > selectObj.offsetHeight || evt...

javascript demo 基本技巧

2017年02月06日 27 阅读

1.javascript获取网址"？"后面的参数：var query = window.location.search.substring（1）; var pairs = query.split（"&"）; 2.IE浏览器默认的功能停止 （Tab键在地址栏等中的移动停止） 复制代码 代码如下:function stopDefaultKey（）{ window.event.cancelBubble = true; //---取消该事件的冒泡。 window....

用js实现层随着内容大小动态渐变改变 推荐

2017年02月06日 26 阅读

下面我们就自己来实现一个这样的组件，没有参考其他资料，纯属自己瞎写。 我觉得我这个方法很简单了，只需要在外边多套一个层就可以，而且可以容纳大量的文字（为什么这样说？因为如果只是单纯的图片，那调整起来简单多了，而如果有一大串文字的话，要变换两次才可以，因为如果你改变了宽度的话，字会被挤得高度增加，这里有两个方法来调整，一个是每次动画循环都更新最新的高和宽，另一种方法就是先变换，变换完后再检查一次，这次变化的只是高度，也就是调节两次，第一种方法效果好，但是每次...

JS 的应用开发初探（mootools）

2017年02月06日 26 阅读

做了三个小demo，本来想做一个类似Gmail的界面出来后来突然发现机器上没有Office，就干脆做了一个类PPT演示的小玩意。 基于js的应用开发总结起来主要有如下几点： 封装粒度 常用功能封装为可重复使用的组件，需要合理选择组件封装粒度，粒度过大不便于复用，粒度过小则得不偿失。 代码结构规划 吸收传统软件开发的思想将代码按功能划分为不同的区块：初始化，事件绑定，事件逻辑处理，外部Callback调用 Js的面向对象 简单起见可以使用构造函数（其实就是普...

JS 在数组插入字符的实现代码（可参考JavaScript splice（） 方法）

2017年02月06日 29 阅读

复制代码 代码如下:Array.prototype.ArrayInsertAfter=function（Num,obj） { var tempArr=new Array（）; var l=this.length; for（var i=0;i<l;i++） { tempArr.push（this.shift（））; } l=tempArr.length; for（var i=0;i<l;i++） { this.push（tempArr.shift...

JQuery Tips（4） 一些关于提高JQuery性能的Tips

2017年02月06日 28 阅读

在选择时，最好以ID选择符作为开头 我想这个很好理解，因为JQuery内部使用document.getElementByID方法进行ID选择，这种方法比其他所有对DOM选择的方法更快，所以以$（"#"）开头是最好的,比如: 复制代码 代码如下: <div id="a"> <div class="b"> <div class="c"> <div class="d"></div> </div&g...

jQuery 淡入淡出、展开收缩菜单实现代码

2017年02月06日 31 阅读

效果图:运行以后，刷新下即可。 jQuery淡入淡出、展开收缩菜单 ul li{list-style:none;} ul li.menu{position:relative;width:120px;} ul li.menu ul{display:none;text-align:center;background:#fff;border:1px solid #ddd;width:100px;padding:5px;} ul li.menu ul li...

js控制div及网页相关属性的代码

2017年02月06日 26 阅读

动态创建DIV：var div = document.createElement（"div"）; 设置div属性及样式等： div.title="this is a new div."; div.class = "newDivClass"; div.innerHTML = "Test create a div element！"; div.style.styleFloat="left"; div.style.overflow="hidden"; div...

javascript 翻页测试页（动态创建标签并自动翻页）

2017年02月06日 26 阅读

翻页测试页 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...