-
Js中的window.location和document.location
所属栏目:[模式] 日期:2018-10-09 热度:113
document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 --------[详细]
-
HTML(DOM)与JavaScript嵌套数组之间相互转换
所属栏目:[模式] 日期:2018-10-09 热度:58
html2ja:将html目标元素解析为 Java Script数组字面量,每项的值为tagName, className, id等CSS选择器组合; showJa:将html2ja生成的数组缩进格式化显示; walkDOM:遍历DOM目标元素(这个来自老道的the Good Parts)。 ja2html:与html相反的过程 PS:以下[详细]
-
Javascript实现超炫组织结构图(Organization Chart)
所属栏目:[模式] 日期:2018-10-09 热度:76
最近有个内部项目需要使用组织结构图(organization chart), 寻找了一些开源的项目及其类库,发现竟然没有现成的JS类库可以使用,找到一些简单的JS实现,不过界面及其操作及其简单,不过功夫不负有心人,经过几天国内国外的搜索,找到了一个非常好的解决方[详细]
-
重温Javascript继承机制
所属栏目:[模式] 日期:2018-10-09 热度:84
一、讲个故事吧 澄清在先,Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha,当时还叫做LiveScript,创造者是Brendan Eich,现任Mozilla公司首席技术官。 1994年,历史上第一个比较成熟的网络浏览器Navigator0.9版诞生在网景公司(Netscape)[详细]
-
JavaScript实现的回到顶部代码,跟随滚动条滚动
所属栏目:[模式] 日期:2018-10-09 热度:145
Java Script实现的回到顶部代码,可跟随滚动条滚动,这是烈火网小编在百度空间看到的代码,不知道原作者是谁,在代码中的回到顶部按钮原本是一个图片,由于图片路径不正确,所以被小编替换为文字链接,您可以自行修改哦。 演示: div style=height:2800px;[详细]
-
JavaScript 最短的 XML 格式化工具
所属栏目:[模式] 日期:2018-10-09 热度:148
用 E4X 实现最短的 XML 格式化工具。可惜 IE 至今不支持这个标准特性... 请在 Firefox 或 Chrome 下运行! Copy to Clipboard 引用的内容:[www.veryhuo.com]html head titleIndent XML/title script language= Java Script type=text/javascript src=http:[详细]
-
YUI3.3.0 中 transition 事件的变化
所属栏目:[模式] 日期:2018-10-09 热度:102
YUI3.2.0 的 transition 模块,通过使用 transition:end 事件实现在 transition 完成后执行其他操作。在 YUI3.3.0 中,这个事件类型已经不被推荐,统一采用以下两种方式: 第一种,直接使用回调函数: node.transition({width: 0}, function() { //your co[详细]
-
switch等值比较的写法改进
所属栏目:[模式] 日期:2018-10-09 热度:181
这个写法是专用于取代switch里相等值比较的 通常来说比较等值的每次比较都需要重复判断 通过自定义函数的使用避免了重复判断提高了效率 原理很简单即使用对象定位需要范围的值 该返回值可以是个变量也可以是数组、函数等 Copy to Clipboard 引用的内容:[w[详细]
-
用于判断客户端几个属性的简单对象
所属栏目:[模式] 日期:2018-10-09 热度:84
目前程序中用于判断客户端信息的对象 需求不高所以比较简单不一定精确 游戏中一般只需要判断是否IE、是否IE6、是否手机这三个功能 该对象可判断客户端的操作系统类型、浏览器类型、客户机器是电脑还是手机类、访问协议是HTTP还是FILE 这里偶只简单的使用判[详细]
-
合理设计数据格式提高效率和缩短程序代码
所属栏目:[模式] 日期:2018-10-09 热度:159
一个网友问偶: 我要获得 一个格子的八个方向的格子坐标,怎么获得,有合适的算法没? 我现在是这样的: 偶看了一下这个写法有几个问题: 1.代码累赘,篇幅过多 2.这么多个if...elseif...还不如直接用switch 3.每次获取代码都要进行判断,其实可以不需要 4.[详细]
-
extjs通用CRUD方法
所属栏目:[模式] 日期:2018-10-09 热度:131
extjs通用CRUD方法,只要你传入相应的参数就能完成extjs表格的CRUD 代码: /** * 添加事件 * @param {} saveButton * @param {} gridObj * @param {} idName * @param {} treeObj * @param {} url * @param {} assistFunc * @returns {} */ function commG[详细]
-
YUI html表单序列化 html form serialize
所属栏目:[模式] 日期:2018-10-09 热度:161
yui3版本的表单序列化。我发现烈火网的yui的教程不多。最流行的不一定是最好的,就我个人来说,偏爱yui甚于jquery。 用法: 一、serializeForm('#formid'),返回a=55b=option1b=option2 二、serializeForm('#formid',true),返回对象{afile:'55',bfield:['o[详细]
-
用document.domain+iframe实现Ajax跨子域
所属栏目:[模式] 日期:2018-10-08 热度:163
Ajax跨域一直是个比较麻烦的问题,例如:断桥残雪在一个项目中使用了open打开一个跟父窗口不同域名的新页面,结果子窗口就不能传值给父窗口了;再如:我在www.2fool.cn下不可以获取love.2fool.cn域名下的页面内容。浏览器的跨域限制是为了安全,可是当我们[详细]
-
javascript contains方法,附demo演示
所属栏目:[模式] 日期:2018-10-08 热度:148
IE有许多好用的方法,后来都被其他浏览器抄袭了,比如这个contains方法。如果A元素包含B元素,则返回true,否则false。唯一不支持这个方法的是IE的死对头firefox。 !doctype htmltitledom contains 方法 by 司徒正美/titlemeta charset=utf-8/meta name=ke[详细]
-
代码高亮插件Codemirror使用方法及下载
所属栏目:[模式] 日期:2018-10-08 热度:144
codemirror是一个强大的javascript开发的语法高亮显示引擎, 它支持众多的变成语言,例如, PHP,JS,HTML,CSS。这里我们简单的介绍如何使用Codemirror来配置你的网站支持代码语法高亮显示。 安装 首先,下载codemirror.js插件 ,解压后有3个目录,js,css[详细]
-
七款实用的Javascript代码高亮脚本
所属栏目:[模式] 日期:2018-10-08 热度:136
代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以在显示中支持代码高亮,以便于阅读者可以十分方便的读取代码块、增加用户阅读代码的良好体验。 目前,有很多免费而且有用的代码高[详细]
-
EXTJS4官方文档翻译系列一:类系统和编码规范
所属栏目:[模式] 日期:2018-10-08 热度:111
副标题#e# EXTJS4官方文档翻译系列一:类系统和编码规范,转载自《学而知不足》的技术博客,原文如下: 上个礼拜开始使用extjs4,之前都没用过ext,所以现在只好努力的看文档了,顺便记下来避免以后忘记.括号中内容是我自己添加的备注或者原文.英语比较烂,但不[详细]
-
跨域资源共享的10种方式
所属栏目:[模式] 日期:2018-10-07 热度:60
副标题#e# 同源策略 在客户端编程语言中,如 Java Script和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那[详细]
-
JS 获取 url 参数的几种方法
所属栏目:[模式] 日期:2018-10-07 热度:85
①网上有位同学这么写的: function QueryString(key){ var paras = location.search; if(paras){ var arr = paras.substr(1).split(),data; for(i in arr){ data = arr[i].split(=); if(data[0] == key){ return data[1] } } } } ②这是我原来搜集的,并[详细]
-
javascript的词法作用域
所属栏目:[模式] 日期:2018-10-07 热度:193
副标题#e# 大家应该写过下面类似的代码吧,其实这里我想要表达的是有时候一个方法定义的地方和使用的地方会相隔十万八千里,那方法执行时,它能访问哪些变量,不能访问哪些变量,这个怎么判断呢?这个就是我们这次需要分析的问题词法作用域 var classA = fu[详细]
-
javascript的变量类型(图)
所属栏目:[模式] 日期:2018-10-07 热度:199
javascript的变量类型真的很要人纠结,即使你是很有经验的js工程师,你也很难说清楚js的类型和分类。 最近在讲javascript入门指南的时候,有人提出数组为什么不是基本类型,我通过演示typeof []的结果来说明,数组是对象类型派生出来的,而不是六种基本类[详细]
-
JavaScript的跨域共享的方法
所属栏目:[模式] 日期:2018-10-07 热度:179
副标题#e# 在客户端编程语言中,如javascript和ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同[详细]
-
JavaScript 原型继承之基础机制
所属栏目:[模式] 日期:2018-10-07 热度:192
由于语言设计上的原因, Java Script 没有真正意义上类的概念。而通常使用的 new 命令实例化对象的方法,其实是对原型对象的实例化。这一语言功能的本质依赖于 JavaScript 特有的原型链(prototype chain)模式。 所以严格意义上说,JavaScript 是基于原型[详细]
-
JavaScript分离页面配置和代码逻辑
所属栏目:[模式] 日期:2018-10-07 热度:52
为了代码清晰结构性强,通常需要分离页面配置参数和代码逻辑。约定唯一的命名空间,实现基本的所谓结构和行为分离。 第一种方式,提供一个暴露在 window 的全局对象,这里是 TB 变量。然后所有的代码被封装在该全局对象下。 Copy to Clipboard 引用的内容[详细]
-
javascript匿名函数的写法、传参和递归
所属栏目:[模式] 日期:2018-10-07 热度:96
今天在整理javascript入门培训的PPT时,提到了匿名函数,所以拿来分享下心得。 匿名函数的写法 顾名思义,就是没有名字的函数(⊙﹏⊙b汗)。匿名函数通常用于javascript作用域的控制,可以有效的避免对全局变量的污染。常见的匿名函数有下面四种写法,欢[详细]