JavaScript学习点滴 call、apply的区别

2017年02月06日 23 阅读

1、call call 方法 调用一个对象的一个方法，以另一个对象替换当前对象。 call（[thisObj[,arg1[, arg2[, [,.argN]]]]]） 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 t...

js各种验证文本框输入格式（正则表达式）

2017年02月06日 22 阅读

不能为空 <input onblur="if（this.value.replace（/^ +| +$/g,""）==""）alert（"不能为空！"）">只能输入英文和数字<input onblur="if（/[^0-9a-zA-Z]/g.test（value））alert（"有错"）"><input onkeyup="value=value.replace（/[^0-9a-zA-Z]/g,""）"/><input...

javascript textContent与innerText的异同分析

2017年02月06日 23 阅读

textContent与innerText的不同 IE下有个innerText属性，FF下有个textContent属性。很多以前给IE写脚本的，在FF下找不到innerText属性，于是网上搜到的建议是用textContent来替代。反之给FF写脚本的也一样。 但是实际上，这里有个误解。网上很多文章说“FF下等效于innerText属性的属性是textContent”————但是事实上并非如此。innerText与textContent有几点很重要的不同...

document.write与writeln的输出内容区别说明

2017年02月06日 23 阅读

document.write（） //将内容写入文档，当前编辑位置为写入的内容的后一个字符 document.writeln（） //将内容写入文档，并添加一个换行符，当前编辑位置为写入的内容的后一行 document.write（）和document.writeln都是JavaScript向客户端写入的方法，writeln是以行方式输出的，但并不是指页面实际效果中的换行，两种方法在查看源代码时才看得出区别，除非是输出到pre或xmp元素内 测试一下： ...

JQuery EasyUI 对话框的使用方法

2017年02月06日 23 阅读

下面看一下EasyUI的对话框效果图 js代码： 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Open_Dialog（） { $（"#mydialog"）.show（）; $（"#mydialog"）.dialog（{ collapsible: true, minimizable: true, maximizable: true, toolb...

ExtJs事件机制基本代码模型和流程解析

2017年02月06日 20 阅读

代码实现的目的：为一个自定义的类的某个属性在使用它时候，触发某个事件。 该程序的效果：点击输入按钮，弹出一个脚本提示输入框让用户输入他的姓名，确定后，用户录入的姓名会显示在页面的姓名文本框中，并且页面标题变成和姓名一致，接着再弹出脚本提示输入框让用户输入性别，录入完毕并点击确定后，用户录入的性别将会显示在页面的性别文本框里。 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit...

JavaScript arguments 多参传值函数

2017年02月06日 23 阅读

1、arguments An array corresponding to the arguments passed to a function. 在一个函数体内，标识符arguments引用了arguments对象的一个特殊属性。可以按照数目（而不是名字）获取传递给函数的参数值。 如（prototype.js中的使用）： 复制代码 代码如下: function $（） { var elements = new Array（）; for （var i = ...

js创建对象的几种常用方式小结（推荐）

2017年02月06日 24 阅读

第一种模式：工厂方式 复制代码 代码如下: var lev=function（）{ return "脚本之家"; }; function Parent（）{ var Child = new Object（）; Child.name="脚本"; Child.age="4"; Child.lev=lev; return Child; }; var x = Parent（）; alert（x.name）; alert（x.lev（））; 说明： 1.在函数中定...

Javascript 类型转换方法

2017年02月06日 23 阅读

Javascript中的变量同样支持自由类型转换成为适用（或者要求）的内容以便于使用。 弱类型的Javascript不会按照程序员的愿望从实际的变量类型到所需要的数据类型转换，例如一个非常常见的错误,在浏览器脚本中，从表单控件中获取用户将要输入的一个数值类型的变量与另一个数值变量的和。因为变量类型在表单控件中是字符串类型（计时字符串序列包含一个数字）这种尝试将会添加那个字符串到变量,即使这些值碰巧是一些数字，结果在第二个变量将会被转换为字符串类型，在最后只...

一个简单的JavaScript数据缓存系统实现代码

2017年02月06日 24 阅读

复制代码 代码如下: var DataCache = function（）{ if（！（this instanceof DataCache））{ return new DataCache（）; } this.id = 0; this.caches = {}; }; DataCache.prototype = { add : function（val）{ val = val || null; key = "dc_" + this.id; this.cache...

JavaScript类库D

2017年02月06日 24 阅读

因为是辅助类库，所以为了兼容所有其他框架和类库，采用了包装器的方式对对象进行扩展。D类库的最主要的内容是针对js常用内置对象的扩展，比如：String,Number,Array,Date等，这些扩展偏于具体的业务逻辑，比如对String扩展的trim方法、对Date扩展的toStr方法等，都是对一些常用但对象本身不支持且框架类库也不支持或不完整支持的功能扩展。同时通过对应包装器的包装我们可以通过链式方法来操作对象，最后每个包装器都提供了拆箱（即还原为原生对...

javascript 隔行换色函数代码

2017年02月06日 23 阅读

先定义两个关于背景色的样式tag为id对象c1为样式1c2为样式2复制代码 代码如下:<script> function changeRowsBg（tag,c1,c2） { var i = 0; var obj_tag = document.getElementsByTagName（tag）; for（i = 0;i < obj_tag.length ;i++）{ （i%2 == 0）？ obj...

让ie运行js时提示允许阻止内容运行的解决方法

2017年02月06日 21 阅读

让ie运行js不再提示允许阻止内容 打开IE-工具-Internet选项-安全-自定义级别-脚本-活动脚本启用 打开IE-工具-Internet选项-高级-安全-允许活动内容在我的机器上运行...

Javascript类库的顶层对象名用户体验分析

2017年02月06日 23 阅读

由于顶级对象是使用类库几乎所有功能的入口，在编码中会频繁地输入这几个字符，因此在设计类库时，顶级对象名输入的简便性也是相当重要的。 在此将从对象名称的长度、输入对象名称的按键顺序这两个方面对三个类库进行重点比较，同时力求照顾到一些特别的点，从而得出一个较为全面的评测结果。 名称长度 jQuery共有6个字符组成，从长度上而言是三个类库中最长的一个，同时包含了一个大写字母Q，在输入过程中需要加入一次SHIFT键，因此长度值给定为7。 Ext共有3个字符组成，...

Dom 是什么的详细说明

2017年02月06日 20 阅读

温馨提醒： Dom文档对象模型 chm版提供下载 点击下载 什么是DomDom:英文全称－Document Object Model 译成中文即是：文档对像模型．听起来很术语，其实就是文档内容的结构关系．文档类型可以是HTML或XMLDom具有对Html文件和XML文件元素的访问控制能力，简单点说利用Dom可以对某个html或xml文件添加，修改，删除元素．更改其现有的结构或内容．如果你未接触过Dom，你会发现Dom太神奇了．．．不管你是菜鸟还是高手，在这...

Dom与浏览器兼容性说明

2017年02月06日 22 阅读

作为一个Web前端工作者，你是否在工作中常被浏览器兼容性问题所困惑．例如Css样式？ 明明在 IE浏览器里显示一切正常的网页．到了FireFox或谷歌浏览器中却乱作一团．或许你在使用JavaScript和Dom编写网页脚本时，也遇到过类似问题. 明明在FireFox浏览器里运行正常的脚本．到了IE里却出现错误． 比如说获取触发js事件的源目标．还有鼠标位置或元素位置问题．动态为元素绑定事件等．．．我将在下面列举部份Dom指令在IE和FireFox等浏览器 ...

Dom在ajax技术中的作用说明

2017年02月06日 25 阅读

今天我们来讲一下Dom在ajax技术中的作用．当你使用ajax向服务端发出请求，并返回数据到客户端时．你是怎么 将这些返回的数据显示到网页上的？毫无疑问的你使用的是Dom，利用Dom的各个指令．来向html中添加你想要显示的内容．例如：getElementById也或是getElementsByTagName查找元素 innerHTML显示内容？还是appendChild添加元素？当然创建一个不存在的元素也是可以的createElement可以轻松实现． ...

HTML Dom与Css控制方法

2017年02月06日 23 阅读

我们大部份对Css中的使用，都会在网页中使用一个Link标签来引入一个Css文件．或者在 网页中Head标签内定义Css样式．其实Dom提供了若干个指令．可以动态的设置或获取元素的Css外观样式．你或许在其他网站中看到过＂换肤＂的功能．该技术就是使用了Dom指令 为当前网页引入了一个新的Css文件．让网页的外观骤然改变．当然你也可以只针对当前网页中某个元素的外观进行设置．运用得当可以很大程度的提高用户体验！下面我就列举一 下Dom中有关Css的指令．限于篇...

操作Dom中的子元素与兄弟元素的代码

2017年02月06日 20 阅读

首先，我们必须正确的理解什么是子元素．比如我们在网页里写了一个span标签． 并且在span里写入文本内容：＂欢迎光临脚本之家＂，那么这个文本内容就是span的子元素．相同，如果span被某个div所包含．那么span就是该div的子元素．看下面这段代码： 正确认识子元素 欢迎光临脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 从上面的代码可以看出来＂欢迎光临脚本之家＂与span都被包含在一个div中．但是你无法在div...

jquery ui resizable bug解决方法

2017年02月06日 24 阅读

但开启 helper: "ui-resizable-helper" 或animate: true, 时候,会发现官方的例子的宽度自动增加了10PX 仔细翻源代码一看,发现有以下问题:（如图） 竟然用padding 难怪会自动添加宽度 这个问题在ie firefox下都存在. 其中这个问题比较难发现,但你可以用以下代码测试出来: 复制代码 代码如下: <style type="text/css"> #resizable { width: 350p...