两个比较有用的Javascript工具函数代码

2017年02月06日 25 阅读

1.大家在实际工作中，会写各式各样的赋值语句。 比如最常用的obj.style.display = "none"; 如果这样的赋值语句一多，obj.style一排下来都要看晕了 下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数句柄 复制代码 代码如下: /** * 扩展函数 * @param target 需要扩展的对象 * @param params 要往target里放的属性和方法 */ function extend...

JavaScript Timer实现代码

2017年02月06日 25 阅读

ok,不废话了，实现一个javascript的Timer吧 比起as3的Timer类，功能上略有改动 timer2.src.js 复制代码 代码如下: /** * Timer 模型 * * @author rainsilence * @version 2.0 */ （function（） { /** * TimerEvent constructor 构造器 * * @param type 事件类型 * @param bubbles 是否毛票 * @para...

JavaScript 学习技巧

2017年02月06日 24 阅读

转化为Boolean类型 所有JavaScript中的值都能隐式的转化为Boolean类型，比如： 0 == false; // true 1 == true; // true "" == false // true null == false // true 但是这些值都不是Boolean类型。因此当我们使用三个等于号进行比较时： 0 === false; // false 1 === true; // false "" === false // f...

JavaScript 题型问答有答案参考

2017年02月06日 24 阅读

1．如何获取表单<select>域的选择部分的文本？ <form name="a"> <select name="a" size="1" onchange="_sel（this）"> <option value="a">1</option> <option value="b">2</option> <option value="c">3</option&g...

js删除select中重复项的实现代码

2017年02月06日 23 阅读

删除select中重复项 body{ text-align:center;} div{ width:400px; background:#f1f5fa; margin:auto; border:solid 1px #BFC9DB; padding:10px;} h4{ } a{text-align:right; display:block; font-size:12px;} /*定义全局函数$*/ function $（id）{ retur...

javascript中的链式调用

2017年02月06日 25 阅读

jQuery中形如$（"#txtName"）.addClass（"err"）.css（"font-size","12px"）.select（）.focus（）;的方式让人不得不为之着迷。其实现机制就是链式调用。链式调用就是调用对象的方法后返回到该对象，严格来讲它并不属于语法，而只是一种语法技巧，js令人着迷的一点就是这里。 没有返回值的方法属于赋值器方法，显然它很容易实现链式调用，前提是正确理解this指针的用法。 复制代码 代码如下: function ...

JavaScript DOM学习第一章 W3C DOM简介

2017年02月06日 23 阅读

在这一章我主要介绍已经被新一代的浏览器所支持的W3C 第一级的DOM。对他的运作做一个大概的了解并且让你知道你可以对他们做什么。 首先是对于DOM的一些建议和DOM设计的目的，然后我会告诉你什么是节点（nodes）并且怎样通过DOM树来遍历节点。接着是如何得到一个特定的节点，以及怎样改变他的值和属性。最后就是DOM的终极目标：怎么创建一个自己的新节点。 建议 Level 1DOM是W3C制定的用来提供给任何程序语言来访问XML文档的。不管你用什么语言程序来...

JavaScript DOM 学习第二章 编辑文本

2017年02月06日 23 阅读

例子 这个页面就是个例子。点击一个段落，编辑，然后点Ready。你的修改就会呈现。 问题 遇到的第一个问题是：我想用文本框作为编辑区域。一开始我却把内容放不进文本框去。读者发现Mozilla的一个警告说是只有在文本框放置到文档之后才能设置它的value。 另外，在Mozilla下面内容包装的不是很好。我试了好几种wrap参数，但是结果都不是很好。 最严重的问题就是把修改后的内容发回服务器，这是几乎所有的CMS系统都要做的。读者给了我很多高明巧妙的建议。然而...

JavaScript DOM 学习第三章 内容表格

2017年02月06日 21 阅读

如果你也想这么做，那么你还需要我的getElementByTagNames（）函数。复制代码 代码如下:function createTOC（） { var y = document.createElement（"div"）; y.id = "innertoc"; var a = y.appendChild（document.createElement（"span"））; a.onclick = showhideTOC; a.id = "contenthe...

JavaScript DOM学习第四章 getElementByTagNames

2017年02月06日 23 阅读

getElementByTagNames（注意是复数的names）会获得一些tag的元素，然后按照他们的顺序保存在一个数组中。这非常的有用，比如在上一章的TOCScript中，就需要获得整个文章里面的所有的H3和H4。 我非常希望在node原型中加入这个功能，但是在IE和Safari里面不行。所以只能把他当做一个普通函数。 使用 getElementByTagNames有两个参数： 1、一个用逗号分隔的tag名称字符串。 2、一个可选的开始元素。如果存在则...

JavaScript DOM 学习第五章 表单简介

2017年02月06日 22 阅读

因为每一个表单的检测项都不同，所以我也不能给你一个万能的代码。你需要用我在这一章介绍的这些元素构建自己的检测函数。我在后面一张还有一个例子，你也可以参考。在这一章我会首先讨论一下用JavaScript来检测表单的局限性，然后会解释一下提交时间处理程序，然后是表单本身的一些方法和属性。最后就是如何访问表单元素。这里还有一篇Jeff Howden的介绍表单的使用错误和解决办法。Forms & JavaScript Living Together in Harm...

JavaScript DOM学习第六章 表单实例

2017年02月06日 21 阅读

表单实例 这是一个表单的实力。这里有一个小问题：因为我的服务器现在不支持，所以表单不能提交。我会打印出你的输入，然后返回一个false，这样表单就没有被提交。 onSubmit的代码做了两件事情：检查你是否在四个文本框里面都填写了数据，然后把所有的元素都连接起来打印在下面的文本区域中。 原文中有实例，需要童鞋请移步，我就不搬过来了。 检测文本区域 这段代码会检测用户是否在文本框内输入了内容。他会忽略复选框和单选框，但是会总提醒用户选择select box，...

JavaScript DOM 学习第七章 表单的扩展

2017年02月06日 25 阅读

想法 假设你有一个在线的CD评级工具。你希望用户查看他们喜欢的所有CD。但是你怎么知道用户平均会查看多少张呢？你在这个页面上需要添加多少字段呢？ 在W3CDOM出现之前这确实是一个问题。假设你放置了7张CD。但是用户很可能只想查看一张，太多可能会吓着用户，而有些用户想查看自己的所有CD，这样就不得不反复提交很多次。这确实很烦人。 只有使用W3C DOM才能让用户决定生成多少个字段。这个效果和之前的大不相同。 例子 当你点击发送的时候，表单就会把得到的所有参...

JavaScript DOM学习第八章 表单错误提示

2017年02月06日 24 阅读

在我看来，警告框只用在浏览器不支持其他显示错误信息的办法的时候。W3C建议我们在表单项的附近显示错误信息。这是一种很好的办法，所以我们只在浏览器不支持这种高级的办法的时候才使用警告对话框。 例子 试试下面的例子。每一项都是必须的。另外我会坚持email项是否有@符号。如果没有也会提示错误信息。 复制代码 代码如下: var W3CDOM = （document.getElementsByTagName && document.createElement）;...

JavaScript DOM 学习第九章 选取范围的介绍

2017年02月06日 24 阅读

虽然我们会讲解用程序创建范围对象，但是我们把精力主要集中在如何将用户的选取范围转换成为W3C 范围或者微软的文档范围对象。什么是范围范围是指HTML文档中的任意一部分内容。一个范围的开始和结束点都可以是随意的，甚至是相同的（一个空范围）。最常见的范围就是用户选取的文本。当用户在页面上选取了一部分，你就可以他的选取部分转换为范围对象。然而，你也可以让程序自动选择范围。让我们以下面的代码为例。假设用户选择了下面的文字：<h4 id="entry1196"...

JavaScript CSS修改学习第一章 查找位置

2017年02月06日 21 阅读

offset 在所有的浏览器里面元素的offsetTop和offsetLeft两个属性都是很有用的。他们会给出你元素相对于父元素的坐标位置。 这段代码会向上查找offsetParent，然后添加offsetTop和offsetLeft。最终无论offsetParent在哪，他都会给出你元素在屏幕上的真正坐标。 解释 这段代码非常简单。先传入要计算的元素，然后设置变量curleft和curtop为0。 复制代码 代码如下: function findPos（...

JavaScript CSS修改学习第二章 样式

2017年02月06日 23 阅读

另外，有时候你也许想知道添加到一个元素或者链接上的样式的具体内容。而style属性只能读取元素的内联形式的样式，所以如果你想读取其他样式就得另想办法了。 偏移 在使用一些小技巧之前，IE和Mozilla已经添加了一个比较好的办法：offsetSomething。使用这些属性你就能够读取这个段落现在的一些比较重要的样式。 举个例子，使用offsetWidth。你就能知道这个段落现在的宽度的像素值。为了测试，你可以改变一下窗口的大小然后再运行一下。 代码也非常...

JavaScript CSS修改学习第三章 修改样式表

2017年02月06日 25 阅读

请注意代码和传统的DHTML的区别。在DHTML你通过直接修改页面上的特定元素来改变样式，而这里的代码修改的是样式表。在这里查看W3C DOM-CSS的兼容性列表。定义 一个页面总是包含一个或者几个样式表，一个样式表里面包含一条或者几条规则，一条规则里有详细的样式声明。这个页面的样式表如下： 复制代码 代码如下: <link rel="stylesheet" href="../quirksmode.css"> <style> <...

JavaScript CSS 修改学习第四章 透明度设置

2017年02月06日 24 阅读

这里是测试页。在JavaScript里面设置透明度 我用下面的代码来设置透明度： 复制代码 代码如下: function setOpacity（value） { testObj.style.opacity = value/10; testObj.style.filter = "alpha（opacity=" + value*10 + "）"; } 在Mozilla和Safari里使用opacity，IE使用filter。value的值从0到10。 测试结...

JavaScript CSS修改学习第五章 给“上传”添加样式

2017年02月06日 24 阅读

问题 在一个网站中可能我的输入框式下面这样的： 设计者可能想让上传部分也像这样然后再添加一个select按钮。但是当我想把普通的输入框改为上传框时就根本不能工作。浏览器之间有很大的不同，给默认按钮添加样式也几乎不可能。 这很难成为设计的很好的上传框，但是也是我们能做的最多的了。注意到Safari的设计有些不同。Safari小组想关闭手动输入文件的功能，可能担心这样的溢出。这样设计有个缺点就是用户在选择了一个文件之后不能取消上传文件。解决办法读者Michae...