Javascript 中介者模式实例

2016年07月27日 7 阅读

问题： 在页面上，用户会有很多的操作 ，每进行一次操作我们需要去展示操作的结果，在这里我们有了一个问题，我们应如何去展示不同的结果呢？在展示的过程中我们还要考虑当页面功能不断的增加与修改，结果展示也不断的增多，我们要用一个应对这些变化最好的方法解决问题。解决方法： 在网盘开发中就遇到了这样的一个问题，经过几番的思考，决定了用如下的方式去解决这个问题，先看图：从图中我们可以知道，会使用到一个中介专门去接收使用者的信息，再发送到相应的展示主题，这样我们就...

textbox 在光标位置插入字符功能的js实现（兼容ie,firefox）

2016年07月27日 13 阅读

更简单的在光标处插入文字 先在本文框中点鼠标以确定光标位置。 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]需要注意的是document.selection.createRange是IE独有的 而firefox也有独有的一套复制代码 代码如下:var $obj = document.getElementById（"words"）; var selstart = $obj.selectionStart; //文字...

jQuery Attributes（属性）的使用（二、类篇）

2016年07月27日 7 阅读

本系列文章分为：属性篇、类篇、Html代码篇、文本篇、值篇共5篇文章。 本篇讲解：addClass（class）,removeClass（class）,toggleClass（class）的用法。 您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com 您可以到jQuery官网来学习更多的有关jQuery知识。 . addClass（class）用法 定义：为每个匹配的元素添加指定的类名。 返回值：Object 参数：class （Stri...

Javascript document.referrer判断访客来源网址

2016年07月27日 7 阅读

今天遇到一个蛮有趣的问题，由于公司与一些厂商有合作关係，因此双方的网站中也都会交换连结，当今天合约也终止后，但对方始终一直没把连结的部分下掉时，这有时会产生一些不必要的误会，让一般的使用者认为双方还有合作关係，固然说这样子可赚到一些流量，但相对的也造成了一些误解，因此上头则希望能否去判断使用从它站连来时，就把它拒绝在门外，这让梅干退了三步，原本以为要从主机来作设定，上网找了一些文件后，才发现只要用简单几行的javascript，就可抓到使用的来源，以及作出...

javascript 移动鼠标得到单元格所在table表中的rowIndex位置[兼容ie,firefox] <font color=red>原创</font>

2016年07月27日 9 阅读

从cnblogs看到的代码，作者的代码随便不兼容firefox但，有助于大家学习为什么下面的代码兼容了firefox,大家可以对比下，有助于学习，对于更多的文章可以参考脚本之家以前发布的文章。 function mouseover（）{ var ObjTd=window.event.srcElement; var ObjTr=ObjTd.parentElement; var y=ObjTr.rowIndex; var x=ObjTd.cellIndex...

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

2016年07月27日 8 阅读

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

2016年07月27日 7 阅读

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

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

2016年07月27日 11 阅读

做法： 修改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多行

2016年07月27日 8 阅读

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下获取鼠标位置的代码

2016年07月27日 7 阅读

第一段代码是利用全局变量来获取实时鼠标的位置。 复制代码 代码如下: 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 多浏览器兼容性问题及解决方案

2016年07月27日 6 阅读

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

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

2016年07月27日 7 阅读

.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 序列化对象实现代码

2016年07月27日 8 阅读

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

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

2016年07月27日 5 阅读

复制代码 代码如下: 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兼容

2016年07月27日 10 阅读

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事件杂谈

2016年07月27日 12 阅读

因为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

2016年07月27日 9 阅读

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 基本技巧

2016年07月27日 5 阅读

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

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

2016年07月27日 6 阅读

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

JS 的应用开发初探（mootools）

2016年07月27日 9 阅读

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