随笔分类 - 前台javascript
摘要：JS动态操作表格 2008年10月22日 星期三 下午 04:27删除：<input type="button" name="del" value="删除" onclick="del(this)">1、function del(o){var t=document.getElementById('testTbl');t.deleteRow(o.parentNode.parentNode.rowIndex)}2、 var table=document.getElementById("
阅读全文
摘要：varparams=$("form").serialize(); $.ajax({ type:"POST", url:"yourpage.php", data:params, success:function(str_response){ varobj=window.open("about:blank"); obj.document.write(str_response); } });使用 jquery. 原理： 1. 使用ajax请求请求页面， 2. 成功后，打开一个空的窗口 3. 将ajax请求得到的页面，写入
阅读全文
摘要：第一种方式 最近在做web项目，碰到需要跨页面传递参数的功能，就是那种需要把当前页面的内容带到新开的子窗体中，以前的做法是传一个id过去，然后在新窗口中去读数据库的内容。虽然不怎么麻烦，但是如果内容么有在数据库里保存，仅仅是处以拟稿状态时，就不能实现了，用户还常常认为是个bug。考虑采用get的方式传递，把需要的内容都序列化然后，通过url去传，显得很臃肿，而且get的传递内容长度有限制。于是就想到用post的方式传递，问题在于open方法不能设置请求方式，一般网页的post都是通过form来实现的。如果仅仅模拟form的提交方式，那么open方法里那种可设置窗体属性的参数又不能用。最后想办法
阅读全文
摘要：这个效果也叫放大镜效果，最早好像在ppg出现的，之后就有了很多仿制品出来了。一般用于放大查看商品图片，在凡客，京东商城，阿里巴巴等都有类似的效果。好处是能在原图附近对图片进行局部放大查看，而且可以通过鼠标控制查看的部位。前一阵子看到sohighthesky的图片放大效果，心血来潮自己也写一个看看。这个程序有以下特点：1，支持使用原图放大或新图片设置大图；2，大图完成载入前使用原图放大代替，减少操作等待时间；3，支持鼠标滚动缩放大图；4，可以通过设置显示范围或显示框大小设置显示尺寸；5，可以设置是否自动隐藏显示框；下一篇扩展篇再介绍更多的功能。兼容：ie6/7/8, firefox 3.6.2,
阅读全文
摘要：1、取得table对象 var objTable=document.getElementById( "tb_visitor" );2、新增一行 var objTempRow = objTable.rows[0]; //取得模板行 var objNewRow = objTable.insertRow( objTable.rows.length ); objNewRow.id = objTable.rows.length-1; //添加一行的相关信息 for ( var i=0 ; i<objTempRow.cells.length ; i++ ) { var objN
阅读全文
摘要：call 方法 请参阅 应用于：Function 对象 要求 版本 5.5 调用一个对象的一个方法，以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 ------------
阅读全文
摘要：<!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"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf
阅读全文
摘要：function PagerBar(recordcount, pagesize, pageindex, showpagecount) { var NumberRegex = new RegExp(/^\d+$/); this.PageIndex = 1; //页索引，当前页 if (pageindex != null && NumberRegex.test(pageindex)) this.PageIndex = parseInt(pageindex); this.PageSize = 10; //页面大小 if (pagesize != null && Num
阅读全文
摘要：/**js HTML Encode*/varhtmlEncode=function(str) {//HTML des encode.varres=[];for(vari=0;i < str.length;i++) res[i]=str.charCodeAt(i);return"&#"+res.join(";&#")+";";};varhtmlEncode2=function(s) {varr ="", c;for(vari = 0; i < s.length; i++) { c = s.
阅读全文
摘要：标签元素的宽高值获取Obj.offsetWidth //绝对宽度Obj.offsetHeight //绝对高度Obj.offsetLeft //相对于自己的offsetParent元素的位置Obj.clientLeft//和客户区域的实际左边之间的距离Obj.scrollLeft //返回和设置当前横向滚动务的坐标值下面是我做的例子<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
阅读全文
摘要：大家在写div+css的时候经常会用到弹出层，由于IE6的bug，所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面，这种问题在火狐浏览器下可以用z-index来解决，但是在IE6下面是不起作用的，下面的代码给大家提供了一种此类问题的解决办法，原理如下:用Jquery给弹出层的z轴依次增加高度.代码很简单，效果很显著，吼吼！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit
阅读全文
摘要：我实验了一下 : 使用IE内核的浏览器 都支持 火狐好像不行<html><head> <script type="text/javascript">function callExe() { // new ActiveXObject("Wscript.Shell").run("notepad.exe D:\\a.png.txt"); // new ActiveXObject("Wscript.Shell").run("D:\\工具\\Pb6安装\\Pb6安装\\SETUP
阅读全文
摘要：1、进入c:/WINDOWS/system32目录，重新注册shell32.dll、WSHom.Ocx、scrrun.dll2、重新启动计算机注：注册操作可在开始--运行中直接进行，在开始运行依次执行一下语句regsvr32 c:/WINDOWS/system32/shell32.dllregsvr32 c:/WINDOWS/system32/WSHom.Ocxregsvr32 c:/WINDOWS/system32/scrrun.dll
阅读全文
摘要：一直都是简单去js实现cookie的一些操作,今天把js对cookie操作系统的整理了一遍,包括:js读取cookie,js添加cookie,js删除cookie,示例如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; cha
阅读全文
摘要：以前对json的认识是: json是一种轻量级的数据交换格式 之所以要用json 只是为了服务器端发送到客户端的数据更少前两天看了 js里面 类的定义方式 突然发现 js类的定义实际上 就是json格式（哎 js基础太差）这样的话 我觉得json格式最大的用途是 便于浏览器javascript的解析 (直接用eval函数不就将服务器传来的字符串转为类了嘛)传送更少的字符（是比xml要少一些）倒不是最重要的这样就可以在服务端将数据传到客户端 客户端将数据加工(配上合适的html标记 )不就可以实现 ajax 了吗？呵呵
阅读全文
摘要：1，IE只冒泡，W3c先捕获再冒泡鉴于我自己理解事件冒泡和捕获的艰辛历程（看了数篇博文之后，我猜这个问题是不是很难~后来发现不是，难是应用到高级的功能中），我要把此文写得足够轻便，新手易懂。为了方便测试（直接复制到html里面）：<script type="text/javascript">document.write("<div id='o' style='width: 400px; height: 400px;border: 1px solid #CCCCCC'><div id='m'
阅读全文
摘要：cellspacing是表格里单元格之间的距离;cellpadding是表格里单元格内的空白部分;俗称就是外补丁和内补丁,类似应用在div和span上的margin和padding你可一试验一下,给单元格加上边框,在改变一下cellpadding和cellspacing的值,看有什么变化.例如:<table><tr> <td style="cellspacing:10px;cellpadding:10px;border:1px solid #CCCCCC;"> </td> <td style="cellspac
阅读全文
摘要：window 的 onload、onresize、onscroll 事件，跟其他的事件不一样，它不能用 attachEvent 或 addEventListener 来添加。也就是说，它只能这样来（以 onload 为例，下同）：window.onload =function() { // ... };但这有个问题，就是想再为 onload 增加新的事件处理程序时，不能直接为 window.onload 赋值了，否则前面的赋值就会被覆盖了。可这样做：var oldLoadHandler = window.onload; window.onload =function() { if (oldLo
阅读全文
摘要：js事件列表javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件onmouseoverIE3、N2当鼠标移动到某对象范围的上方时触发此事件onmousemoveIE4、N4鼠标移动时触发此事件onmouseoutIE4、N3当鼠标离开某对象范围时触发此事件onkeypressIE4、N4当键盘上的某个键被按下并且释放时触发此事件.onkeydownIE4、N4当键盘上某个按键被按
阅读全文
摘要：转:可能你也碰到过这种情况,就是在js的代码中用了window.onload后,可能会影响到body中的onload事件。你可以全写在body中，也可以全放到window.onload中，但是这样并不是很方便，有时我们需要两个同时用到。这时就要用window.attachEvent和window.addEventListener来解决一下。下面是一个解决方法。至于attachEvent和addEventListener的用法，可以自己Google或百度一下。if(document.all){window.attachEvent('onload',函数名)//IE中}else{w
阅读全文