-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目:[模式] 日期:2018-09-23 热度:120
虽然现在表格用的很少了,但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷[详细]
-
cookie的添加、获
所属栏目:[模式] 日期:2018-09-23 热度:156
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目:[模式] 日期:2018-09-23 热度:53
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。 代码如下: // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目:[模式] 日期:2018-09-23 热度:157
首先要明确两个概念 1.window.onload:页面加载完毕,页面内所有组件(图片等)都可用。 2.dom 加载:指文档对象模型加载完毕,要先于window.onload事件。 可以看出,当页面包含大量组件(特别是图片)的情形下,以上两种加载的时间相隔将会很长,这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目:[模式] 日期:2018-09-23 热度:176
副标题#e# 相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运[详细]
-
关于ExtJS错误“例外被抛出且未被接
所属栏目:[模式] 日期:2018-09-23 热度:125
最近在使用ExtJS搭建网页界面过程中报出错误消息,IE中的提示如下: 例外被抛出且未被接住,行19。。。。 Firefox 提示如下: uncaught exception: No center region defined in BorderLayout westpanel. 根据IE的错误信息调试了老半天也没找到哪的毛病,[详细]
-
JavaScript Event学习第十章:一些可替换的事件对
所属栏目:[模式] 日期:2018-09-17 热度:153
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用,我们对于像mouseover和click这样的事件做一些处理,同样的,对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章:鼠标事件
所属栏目:[模式] 日期:2018-09-17 热度:95
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件:mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[模式] 日期:2018-09-17 热度:98
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目:[模式] 日期:2018-09-17 热度:94
Prototype 似乎已经过气了,但用的人还是挺多,这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗?
所属栏目:[模式] 日期:2018-09-17 热度:127
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[模式] 日期:2018-09-17 热度:122
今天看了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-17 热度:141
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-17 热度:195
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
使用jQuery中ajax方法访问web服务
所属栏目:[模式] 日期:2018-09-17 热度:144
说明: ArrayList 中 存为对象CollegeDepartInfo 其属性为:stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
-
Javascript实现不同编码之间的URL提交
所属栏目:[模式] 日期:2018-09-17 热度:54
不同的网站之间提交参数的时候。比如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 来[详细]
-
使用YUI3 IO组件实现ajax
所属栏目:[模式] 日期:2018-09-11 热度:140
注意:如下写法不能实现ajax跨域,连子域跨域都不行。 /* *div id=show_info/div *input type=button id=requestButton value=Send a POST Request */ YUI().use(io, function(Y){ var show_info = Y.one('#show_info'); var handleSuccess = function(ioId[详细]
-
javascript学习中几个需要解决的问题
所属栏目:[模式] 日期:2018-09-11 热度:153
在学习javascript的时候,下面几个问题需要重点认识一下 1、javascript回调函数 2、跨站请求Cross Domain 3、类 4、设计模式 5、命名空间 6、各种浏览器标准 7、算法 8、代码优化 以上需要时间一一解决,下面几种javascript常用功能则需要好好总结。 1、运[详细]
-
Javascript 中的相等与不等属性的对比
所属栏目:[模式] 日期:2018-09-11 热度:69
在 javascript 中,可以使用 == 来比较两个数据是否相等,如果两个数据的类型不同,那么,将在进行转换后进行比较,转换的规则如下: l 如果其中一个操作数的类型为 Boolean ,那么,首先将它转换为数字类型,false 转换为 0, true 将转换为 1。 l 如果其中[详细]
-
JavaScript 非常实用而却陌生的七个技巧
所属栏目:[模式] 日期:2018-09-11 热度:184
JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的[详细]
-
ECMA-262-3 深入解析.第四章.作用域链
所属栏目:[模式] 日期:2018-09-11 热度:116
导言 在第二章关于 变量对象 的描述中,我们已经知道一个执行上下文 (变量、函数声明和函数的形参)的数据作为属性存储在变量对象中。 同时我们也知道变量对象在每次进入上下文时创建,并填入初始值,值得更新出现在代码执行阶段。 这一章专门讨论与执行[详细]
-
ECMA-262-3 深入解析.第三章.this[译]
所属栏目:[模式] 日期:2018-09-10 热度:130
导言 在这篇文章中我们将讨论一个与执行上下文直接相关各更多细节。讨论的主题就是this关键字。 实践表明,这个主题很难,在不同执行上下文中this值的确定经常导致问题。 许多程序员习惯的认为,在程序语言中,this关键字与面向对象的程序紧密相关,完全指[详细]
-
ECMA-262-3 深入解析.第二章.变量对象
所属栏目:[模式] 日期:2018-09-10 热度:62
导言 在程序中我们总要声明变量和函数,然后成功的用它们来构建我们的系统。当我们引用需要的对象时,解释器如何、在哪里找到我们的数据(functions,variable),会发生什么? 很多ECMAScript 程序员都清楚变量与 执行上下文 密切相关。 var a = 10; // v[详细]
-
ECMA-262-3 深入解析.第一章.执行上下文
所属栏目:[模式] 日期:2018-09-10 热度:71
介绍 这篇文章我们主要探讨ECMAScript执行上下文和相关的ECMAScript可执行代码。 定义 每次当控制器转到ECMAScript可执行代码的时候,即会进入到一个执行上下文。 执行上下文(简称-EC)是一个抽象概念,ECMA-262标准用这个概念同可执行代码(executable code)[详细]
-
javascript对话框(弹出层)组件[附源码]
所属栏目:[模式] 日期:2018-09-10 热度:193
javascript对话框(弹出层)组件artDialog artDialog是一个轻巧且高度兼容的javascript对话框组件,可让你的网页交互拥有桌面软件般的用户体验。 演示地址:http://www.planeart.cn/downs/artDialog/ 项目主页:http://code.google.com/p/artdialog/ artDial[详细]