-
JavaScript Event学习第九章:鼠标事件
所属栏目:[模式] 日期:2018-09-16 热度:78
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[模式] 日期:2018-09-16 热度:108
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目:[模式] 日期:2018-09-16 热度:126
Prototype 似乎已经过气了,但用的人还是挺多,这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
Javascript实现不同编码之间的URL提交
所属栏目:[模式] 日期:2018-09-16 热度:119
不同的网站之间提交参数的时候。比如A网站是UTF-8编码,向liehuo.net (GBK) 提交一个链接 http://s.liehuo.net/?q=杯具sp=on 这样会存在转码的问题。 提供一个函数。将 http://s.liehuo.net/?q=1a=2b=3c=4 转换成FORM,再通过更改FORM的accept-charset 来[详细]
-
你真的认识 window.location 吗?
所属栏目:[模式] 日期:2018-09-15 热度:126
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[模式] 日期:2018-09-15 热度:72
今天看了David Walsh一篇把XML格式转换为JSON格式的文章,感觉不错,简单的转载了过来。 下面是神奇的XML转JSON的javascript代码: // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目:[模式] 日期:2018-09-15 热度:99
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目:[模式] 日期:2018-09-15 热度:73
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
使用jQuery中ajax方法访问web服务
所属栏目:[模式] 日期:2018-09-15 热度:173
说明: ArrayList 中 存为对象CollegeDepartInfo 其属性为:stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
-
当构造函数遇到 YUI3 封装机制
所属栏目:[模式] 日期:2018-09-14 热度:67
Copy to Clipboard 引用的内容:[www.veryhuo.com]/* * 构造确认操作对话框 * @constructor ConfirmBox */ var ConfirmBox, confirmOff, confirmDel; ConfirmBox = function(msg, url){ this.msg = msg; this.url = url; }; ConfirmBox.prototype.fire = f[详细]
-
如何编写高质量的Javascript代码(译)
所属栏目:[模式] 日期:2018-09-14 热度:86
优秀的Stoyan Stefanov在他的新书中(《 Java script Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写A[详细]
-
JavaScript 关于if语句的几种优化
所属栏目:[模式] 日期:2018-09-14 热度:103
UglifyJS是一个对javascript进行压缩和美化的工具,在它的文档说明中,我看到了几种关于if语句优化的方法。尽管我还没使用它去做一些尝试性的测试,但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单,能优化到什么程度?但是看看[详细]
-
JavaScript 取得当前页面的URL网址参数
所属栏目:[模式] 日期:2018-09-14 热度:112
烈01火43网(LieHuo76.Net)教79程 一个非常简单并常见的JS获取当前网页的URL代码,实际上这是一个有用的功能,有时候我们不想使用ASP/PHP/JSP等动态网页语言去截获URL中的字符串,用JS可减轻服务器压力,而且速度也比较快,灵活性高,示例中,我们可以获得[详细]
-
由JavaScript随机数控制网址的显示
所属栏目:[模式] 日期:2018-09-14 热度:113
烈37火68网(LieHuo83.Net)教82程 一个JS的简单例子,算不得网页特效。将一些网址存入数组中,交给 Java Script来处理,根据随机数的生成,随机显示数组中的网址,虽然这是用来生成网址的,但除了网址外,你还可以在数组中设定网页的颜色,每次刷新,它都会[详细]
-
Confirm 链接确认的JS代码,非按钮确认方法
所属栏目:[模式] 日期:2018-09-14 热度:119
烈09火49网(LieHuo63.Net)教45程 使用 Java Script中的Confirm 确认函数,来实现链接确认功能,以往大家见的比较多的就是使用按钮确认,弹出确认框,其实不管是按钮或是链接,其方法是一样的,都是使用了Confirm函数,本例中没有使用onClick函数,用了一个[详细]
-
WordPress 显示单个留言者的留言总数
所属栏目:[模式] 日期:2018-09-14 热度:103
在 WordPress 博客上,显示每个留言者的留言总数,效果如下: 方法很简单,在funtions.php文件里加上下面的代码: function commentCountAuthor(){ $oneText = 'One comment'; $moreText = '% comments'; global $wpdb; $result = $wpdb-get_var(' SELECT[详细]
-
javascript简单实现checkbox的全选与反选
所属栏目:[模式] 日期:2018-09-14 热度:72
今天上网遇到有个网友在论坛问input的checkbox全选和反选的问题,顺手总结了一下,然后写了个简单的 jQuery checkbox全选反选插件,希望对大家有用。 如果是简单的实现checkbox的全选与反选可以使用下面的函数: function checkall(obj,cName) { var checkb[详细]
-
倒计时抢购JS代码,结束有提示已结束
所属栏目:[模式] 日期:2018-09-14 热度:81
自今年一批 团购 网站集中开建以来,仅几个月的时间,就先后涌现了大批团购网站。网络团购以低价、返利模式吸引消费者。 纵观这些团购网站都不难发现他们都是有很多共同之处,譬如在界面及前端设计方面就有很多相似之处。一般都有:诱人的超低价格,购买按[详细]
-
译文:JavaScript框架比较–实用函数(四)
所属栏目:[模式] 日期:2018-09-13 热度:64
实用函数 许多 Java Script框架都带有大量的实用函数,这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充,所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组,你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目:[模式] 日期:2018-09-13 热度:158
页面上给window对象定义其onresize事件,在拉伸缩小窗口时,其onresize方法将被执行多次,影响页面性能。 网上查了些资料,说是在ie和opera中,只要窗口的边框移动一个像素,resize事件就触发;而在mozilla中,只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文:JavaScript框架比较(三)
所属栏目:[模式] 日期:2018-09-13 热度:104
DOM操作 在此之前,你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是,为了改变网页上特定元素的内容和外观,你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作,但幸运的是,大多数JavaScript框架提供有用[详细]
-
译文:JavaScript框架比较(二)
所属栏目:[模式] 日期:2018-09-13 热度:55
DOM遍历 基于ID、元素类型、类名查找元素非常有用,但是如果你想基于它在DOM树中的位置来查找元素该怎么办?换句话说,你有一个给定的元素,你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如,采用下面这段零碎的HTML代码: 清单[详细]
-
译文:JavaScript框架比较(一)
所属栏目:[模式] 日期:2018-09-13 热度:67
摘要:现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本(或数据系统)中得到响应。在这篇文章中,你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]
-
JavaScript入门教程:一百多个基础知识
所属栏目:[模式] 日期:2018-09-13 热度:147
1.document.write(); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中元素[详细]
-
JS解决表单依旧提交即使监听处理函数返回false
所属栏目:[模式] 日期:2018-09-13 热度:136
如何解决表单依旧提交即使监听处理函数返回false 代码 form action=http://www.example.com id=form input type=text / input type=submit / /form script var code = function () { return false; }; var element = window.document.getElementById(form)[详细]