随笔分类 -  javascript

摘要:1,本弹窗直接跳转父页面: <script> window.parent.location.reload(); //刷新父页面 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引 parent.layer.close(index 阅读全文
posted @ 2018-01-23 15:17 枫- 阅读(155) 评论(0) 推荐(0)
摘要:/**求给定参数数组元素中的最大值**参数num_arrarray类型*returnmax数值型*/functionmax_num(num_arr){//保存结果,初始化为数组的第一个元素varmax=num_arr[0];vari=0;//循环变量初始化//遍历数组,找出最大值放在max中for(i;i<num_arr.length;i++){if(max<num_arr[i])max=num_arr[i];}returnmax;}/**将函数作为函数参数**参数function_name函数的名字**return调用参数中的函数*/functionresult(function 阅读全文
posted @ 2013-01-25 23:33 枫- 阅读(578) 评论(0) 推荐(0)
摘要:CSS语法 (不区分大小写)JavaScript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder-left-w 阅读全文
posted @ 2012-08-09 11:41 枫- 阅读(436) 评论(0) 推荐(0)
摘要:offsetParent从字面上理解,这是在查找元素的父亲.可实际应用中,根据浏览器他会返回不同的结果.在Opera较低版本中返回被引用元素的直接父元素,在IE中使用offsetParent有时会返回body元素,有时会返回被引用元素的父元素.为什么IE会这样.我会在下面的实例演示中解释清楚.而在FireFox中他总是返回body元素. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio 阅读全文
posted @ 2012-07-10 23:03 枫- 阅读(517) 评论(0) 推荐(0)
摘要:网站开发时经常需要在某个页面需要实现对大量图片的浏览,如果考虑流量的话,大可以像pconline一样每个页面只显示一张图片,让用户每看一张图片就需要 重新下载一下整个页面。不过,在web2.0时代,更多人愿意用javascript来实现一个图片浏览器,让用户无需等待过长的时间就能看到其他图片。知道了一张图片的地址,需要把它在一个固定大小的html容器(可以是div等)里边显示出来,最重要的当然是需要知道这张即将显示的图片的宽和高,然后再结合容器的宽和高,按照一定的缩放比例使图片显示出来。因此,实现图片预加载就成为图片浏览器的核心功能了。做过图片翻转效果的朋友其实都知道,要让图片轮换的时候不出现 阅读全文
posted @ 2012-07-04 11:39 枫- 阅读(231) 评论(0) 推荐(0)
摘要:call 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisO... 阅读全文
posted @ 2012-07-04 11:05 枫- 阅读(161) 评论(0) 推荐(0)
摘要:使用模板引擎,让开发模式更清晰,也让职责更明确,对维护对开发都是一件双赢的事情。曾经接触过SmartTemplate和Velocity,如果纯从编写前端模板来说,都不是太难的事情,大部分流行的模板引擎都支持类似的语法,如Smarty以及本文要介绍的JS模板引擎Trimpath。如果一个项目,需要前端大量的重绘数据来展现,大量的DOM树会随用户的操作而产生变化,这时,无论从功能上,还是性能上,以及维护的方便性 上,Trimpath template都是一个不错的选择。唯一遗憾的是,已经有近2年的时间没有更新了,是没有bug还是作者已经放弃掉了都不得而知。因为是好的东西,就不 管那么多了。Trim 阅读全文
posted @ 2011-12-26 11:30 枫- 阅读(1526) 评论(0) 推荐(0)
摘要:网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth(包括边线的宽) 网页可见区域高:document.body.offsetHeight(包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scrollTop(IE7无效) 网页被卷去的左:document.body.scrollLeft(IE7无效 阅读全文
posted @ 2011-12-24 14:35 枫- 阅读(236) 评论(0) 推荐(0)
摘要:使用ajax的开发项目过程中,经常需要将json格式的字符串返回到前端,前端解析成js对象(JSON )。ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5) 中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法。1,eval方式解析,恐怕这是最早的解析方式了。如下:Js代码 functionstrToJson(str){varjson=eval('('+str+')');returnjson;}记得别忘了str两旁的小括号。2,new Function形式,比较怪异哦。如下Js代码 functi 阅读全文
posted @ 2011-11-23 18:06 枫- 阅读(1911) 评论(0) 推荐(0)
摘要:面试Javascript工程师难吗?Javascript工程师的水平参差不齐,如何评定他们技术水平的高低?如何确定Javascript工程师适合承担哪方面的任务?我在腾讯时的面试经验是,通过不同纬度的结构化问题、由浅入深的进行考查。 基础 冒泡与捕获:它们的定义,它们的区别,如何阻止冒泡?基础知识,经典题目。但是不是每个人都能完整全面的回答出这个问题,面试者需要对DOM tree有自己的理解。 闭包:闭包是一个很好的面试题目,能够很好的考查出不同水平的面试者。了解什么是闭包、如何使用闭包、闭包的原理、闭包的真正原理,只有对JS的作用域链、垃圾回收机制有深入了解的工程师才能正确... 阅读全文
posted @ 2011-11-16 12:58 枫- 阅读(242) 评论(0) 推荐(0)
摘要:1 escape()函数定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。语法 escape(string)参数 描述 string 必需。要被转义或编码的字符串。返回值 已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。说明 该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。其他所有的字符都会被转义序列替换。 2 encodeURI()函数 定义和用法 encodeURI() 函数可把字符串作为 URI 进行编码。语法 enc... 阅读全文
posted @ 2011-11-10 15:51 枫- 阅读(187) 评论(0) 推荐(0)
摘要:<div id=demo style=overflow:hidden;height:139;width:232;background:#f4f4f4;color:#ffffff><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top><img src="http://www.lanrentuku.com/down/js/images/12460764740.jpg"><img src="http 阅读全文
posted @ 2011-10-20 09:27 枫- 阅读(689) 评论(0) 推荐(0)
摘要:function update_page_list(page_bar, total, cur_page,num__per_page) { page_bar.html(""); if(total<=0) return; var num_page = ~~((total+num__per_page-1)/num__per_page); if(cur_page > 1) { page_bar.append($("<a onclick='goto_page("+(cur_page-1)+")' href='#& 阅读全文
posted @ 2011-07-12 11:51 枫- 阅读(507) 评论(0) 推荐(0)
摘要:<OBJECT id=dlgHelper CLASSID="clsid:3050f819-98b5-11cf-bb82-00aa00bdce0b" width="0px" height="0px"></OBJECT><script>var tempColor = "0099cc";function returnColor(){var Hcolor = dlgHelper.ChooseColorDlg(tempColor).toString(16);with(event.srcEl 阅读全文
posted @ 2011-07-08 10:31 枫- 阅读(250) 评论(0) 推荐(0)
摘要:jQuery对于数组元素操作主要提供了以下工具:(1)数组和对象的例遍:jQuery.each(obj,callback)通用例遍方法,可用于例遍对象和数组。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。如果需要退出each循环可使回调函数返回false,其它返回值将被忽略。(2)数组元素的过滤:jQuery.grep(array,callback,[invert])使用过滤函数过滤数组元素。此函数至少传递两个参数:待过滤数组和过滤函数。过滤函数必须返回true以保留元素或false以删除元素。(3)数组元素的查找:jQuery.inArray(value,ar 阅读全文
posted @ 2011-05-04 10:29 枫- 阅读(5212) 评论(0) 推荐(0)
摘要:shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift(); //a:[2,3,4,5] b:1unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3,4,5];var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7注:在IE6.0下测试返回值总为undefined,FF2.0下测试返回值为7,所以这个方法的返回值不可靠,需要用返回值时可用splice代替本方法来使用。pop:删除原数组最后一项,并返回删除元素的值; 阅读全文
posted @ 2011-05-04 10:28 枫- 阅读(235) 评论(0) 推荐(0)
摘要:jQuery获取Select选择的Text和Value: 选择一项试试看语法解释:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();//获取Select选择的Text3. var checkValue=$("#select_id").val();//获取Select选择的Value4. var 阅读全文
posted @ 2011-05-04 10:05 枫- 阅读(638) 评论(0) 推荐(1)
摘要:onactivate 当对象设置为活动元素时触发。 onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即触发。 onbeforeeditfocus 在包含于可编辑元素内的对象进入用户界面激活状态前或可编辑容器变成控件选中区前触发。 onbeforepaste 在选中区从系统剪贴板粘贴到文档前在目标对象上触发。 onbeforepri 阅读全文
posted @ 2011-05-03 17:47 枫- 阅读(1172) 评论(0) 推荐(0)
摘要:img src="http://img2.itiexue.net/1228/12281366.jpg" border="0" onmousewheel="return bbimg(this)" onload="javascript:if(this.widthscreen.width-500)this.width=screen.width-500" border="0" alt="从目前网络流传照片不负责浅析中国四代机的长度!(组图) " title="铁血网提醒您:点击可查看大图"/ 阅读全文
posted @ 2010-12-27 10:15 枫- 阅读(1206) 评论(0) 推荐(0)
摘要://获取select的值 functiongetSelectedValue(name){ varobj=document.getElementById(name); returnobj.value; }functionshow() { varmyselect=document.getElementById("select"); alert(myselect.selectedIndex); alert(myselect.options[myselect.selectedIndex].text); }functionshow2(){ varmyselect=document.getElemen 阅读全文
posted @ 2010-12-17 14:07 枫- 阅读(402) 评论(0) 推荐(0)