JavaScript - 随笔分类(第3页) - 与时俱进

获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)

摘要：jS从样式表取值的函数，IE中以currentStyle,firefox中defaultView来获取，需要的朋友可以参考下。可是DOM.style这种写法只能访问<DOM></DOM>，这样在标签里内置的样式，如果样式写在<style type="text/css"></style>，或者.css文件里，那么就没有办法读到样式了。其实呢，还有别的方法可以读到这些样式信息，方法有两种，一种是通过document.styleSheets对象，另一种是通过“最终样式”对象。其中 IE中这个对象叫做currentStyle,FF中这阅读全文

posted @ 2011-07-07 23:21 与时俱进阅读(3105) 评论(0) 推荐(0) 编辑

利用XMLHTTP无刷新添加数据之Post篇

摘要：利用XMLHTTP无刷新添加数据之Post篇.前两篇主要写了从获取数据.接下来,我们讲讲如何添加数据.我们传统的提交数据的方法都是用<Form>来实现的.<Form>标记中的Method属性确定了表单元素的数据在发送到服务器时,如何对HTTP请求信息进行打包.Method 属性可以使用的方法Method属性发送表单元素的方式读取数据的Request集合Get 标识在URL的最后 QueryStringPost 在HTTP请求的主体内(HTTP请求的自由区域) Form这篇文章用XMLHTTP来实现Form的Method=Post.ClientPost.htm< 阅读全文

posted @ 2011-07-07 10:00 与时俱进阅读(284) 评论(0) 推荐(0) 编辑

利用XMLHTTP无刷新添加数据之Get篇

摘要：利用XMLHTTP无刷新添加数据之Get篇.前两篇主要写了从获取数据.接下来,我们讲讲如何添加数据.我们传统的提交数据的方法都是用<Form>来实现的.<Form>标记中的Method属性确定了表单元素的数据在发送到服务器时,如何对HTTP请求信息进行打包.Method 属性可以使用的方法Method属性发送表单元素的方式读取数据的Request集合Get 标识在URL的最后 QueryStringPost 在HTTP请求的主体内(HTTP请求的自由区域) Form这篇文章用XMLHTTP来实现Form的Method=Get.ClientGet.htm<scri 阅读全文

posted @ 2011-07-07 09:59 与时俱进阅读(363) 评论(0) 推荐(0) 编辑

Select的OnChange()事件

摘要：我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件....掌握了它的特性后,相应的解决办法也很简单.<select name=sel onchange="bao(this.options[this.options.selectedIndex].value)"><option value="">请选择<option value="1">Item 阅读全文

posted @ 2011-07-07 09:57 与时俱进阅读(697) 评论(0) 推荐(0) 编辑

客户端表单通用验证checkForm(oForm) js版

摘要：*--------------- 客户端表单通用验证checkForm(oForm) -----------------* 本程序最初是由wanghr100(灰豆宝宝.net)的checkForm基础上进行修改的，增加了很多功能,如下：* 1.对非ie的支持* 2.增加了内置表达式和内置提示* 3.增加了显示方式（弹出式和页面显示式）* 4.增加了显示一条和显示全部* 5.进行了封装（CLASS_CHECK）* 6.支持外接函数或表达式（应用在密码一致）* 7.简化了调用方式，所有操作只需要<script language='javascript' src='ch 阅读全文

posted @ 2011-07-07 09:54 与时俱进阅读(3235) 评论(0) 推荐(0) 编辑

web开发时碰到的问题以及心得经验

摘要：xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如©,就算能存也需要转换，比较麻烦，utf-8也符合国际规范CSS中:hover这个伪类，如果放在:visited前面则会失效<a>标签如果没有href属性，所有对它的css的伪类如:hover均失效js文件中用document.wirte("<script language='javascript' src='" + file + "'></" + "script>"形式的引用，其file相对阅读全文

posted @ 2011-07-07 09:47 与时俱进阅读(485) 评论(0) 推荐(0) 编辑

JS代码混淆初步

摘要：一直以来，JS前端代码因为必须经过IE明文解析，某些加密的JS如：JScript.Encode也因为树大招风，早就被人破解了。还有些加密的手段，通过复杂的变换，改变源码，但最终都逃不脱最后的审判，像unescape,document.write,eval语句来还原。对于JS代码的保护，最好的手段就是混淆，混淆的目的就是让读懂代码的成本比直接写代码的成本高，混淆不是不可破解的，只是增加破解成本,JAVA,C#的加密都是采用混淆。这样对于非常核心的代码，混淆起不到保护代码的作用，不过JS有这样的代码么？本程序没有用到编译原理，其分词解析思想是基于mechiland(http://www.jzche 阅读全文

posted @ 2011-07-07 09:39 与时俱进阅读(614) 评论(0) 推荐(0) 编辑

JS代码的格式化和压缩

摘要：<HTML><HEAD><TITLE>Format</TITLE><METAcontent="MSHTML6.00.2800.1528"name=GENERATOR><METAcontent=""name=Author><METAcontent=""name=Keywords><METAcontent=""name=Description></HEAD><BODY><SCRIPTlangua 阅读全文

posted @ 2011-07-07 09:37 与时俱进阅读(357) 评论(0) 推荐(0) 编辑

JS写的一个功能齐备的treeview控件

摘要：V0.1（2007-5-31）支持键盘操作支持节点多选支持节点编辑支持节点拖动(IE only)完全面向对象封装支持多种事件IE6.0+ &&FX2.0点击下载阅读全文

posted @ 2011-07-07 09:34 与时俱进阅读(362) 评论(1) 推荐(0) 编辑

JavaScript的execCommand指令集

摘要：/**该function执行copy指令*/functionfn_doufucopy(){ edit.select(); document.execCommand('Copy'); } /**该function执行paste指令*/functionfn_doufupaste(){ tt.focus(); document.execCommand('paste'); } /**该function用来创建一个超链接*/functionfn_creatlink() { document.execCommand('CreateLink',true, 阅读全文

posted @ 2011-07-04 22:44 与时俱进阅读(4069) 评论(0) 推荐(1) 编辑

javascript 45种缓动效果

摘要：参数类型说明 el element 必需，为页面元素 begin number 必需，开始的位置 change number 必需，要移动的距离 duration number 可选，缓动效果持续时间，默认是500ms。建议取300~1000ms。 field string 必需，要发生变化的样式属性。请在top，left，bottom,right，width与height中选择。 ftp number 可选，每秒进行多少帧动画，默认50帧，保证流畅播放。一些参考资料，日本动画1秒36帧，中国卡通24帧，赛车游戏60帧。 ease function 必需，缓动公式，参数为0~1之间的数。可参. 阅读全文

posted @ 2011-06-28 17:34 与时俱进阅读(1784) 评论(1) 推荐(1) 编辑

javascript在IE和Firefox中兼容性问题

摘要：项目要兼容IE和firefox，让我总结JavaScript在IE和Firefox中的区别，在网上到处copy了一些，然后作了一些改动：－、元素查找问题1. document.all[name] (1)现有问题：Firefox不支持document.all[name] (2)解决方法：使用getElementsByName(name)，getElementById(id)等来替代。2. 集合类对象问题 (1)现有问题：IE中对许多集合类对象取用时可以用 ()，但在Firefox只能用[]。如：IE中可以使用document.forms("formName")来返回名字为& 阅读全文

posted @ 2011-06-26 23:20 与时俱进阅读(368) 评论(0) 推荐(0) 编辑

JAVASCRIPT绑定事件

摘要：简单的绑定时间似乎只能在第一次加载的时候才有效果document.getElementById('yourHTMLelement').onclick = haha;function haha(){ alert("CLEOPATRA");}如果传递参数那么是酱字的document.getElementById("yourHTMLelement").onclick = haha("your input");function haha(content){ alert(content);}这种方法在第一次加载的时候就会执行阅读全文

posted @ 2011-06-25 22:53 与时俱进阅读(1593) 评论(0) 推荐(0) 编辑

怎么样用javascript获取触发事件的对象

摘要：1<scriptlanguage="javascript">2document.onclick=onClick;//当用户在文档中点击是调用onClickfunction（）3functiononClick(ev)4{5ev=ev||window.event;//事件6vartarget=ev.target||ev.srcElement;//获得事件源7/*8target.getAttribute()是获取该事件源对像里面的一些属性。9比如对像中有（name，id，type等等）；10*/11vardragObj=target.getAttribute(' 阅读全文

posted @ 2011-06-25 22:49 与时俱进阅读(694) 评论(0) 推荐(0) 编辑

JavaScript模仿语言包式的简繁转换功能插件

摘要：//模仿语言包式的简繁转换功能插件！//使用：//<a id="StranLink">转换到繁體中文</a>//<script src="Std_StranJF.js" type="text/javascript"></script>var Default_isFT = 0 //默认是否繁体，0-简体，1-繁体var StranIt_Delay = 100 //翻译延时毫秒（设这个的目的是让网页先流畅的显现出来）//－－－－－－－代码开始，以下别改－－－－－－－//转换文本functio 阅读全文

posted @ 2011-06-20 08:59 与时俱进阅读(973) 评论(0) 推荐(0) 编辑

简便无刷新文件上传系统

摘要：兼容：ie6/7/8, firefox 3.5.5, opera 10.01, safari 4.0.3, chrome 3.0效果预览文件上传选择文件重命名操作状态重置选择文件重置选择文件重置选择文件 ps：由于需要后台，要测试系统请下载实例测试。ps2：在完整实例文件中，还有一个文件属性查看实例。程序说明【upload】程序中最重要的方法就是upload了，调用它就可以进行无刷新上传。upload的过程是这样的，首先用stop方法停止上一次上传，并判断是否选择文件。然后分别调用_setIframe，_setForm和_setInput，生成需要的iframe，form和in 阅读全文

posted @ 2011-06-17 13:40 与时俱进阅读(1707) 评论(1) 推荐(0) 编辑

javascript自定义insertAfter()函数

摘要：insertAfter(newElement, targetElement)newElement 创建的新元素targetElement 插入到这个元素之后JS没有内置这个函数真是不方便呐.存档方便今后查找functioninsertAfter(newElement,targetElement){ varparent=targetElement.parentNode; if(parent.lastChild==targetElement) { parent.appendChild(newElement); } else { parent.insertBefore(newElement,targ 阅读全文

posted @ 2011-06-16 16:04 与时俱进阅读(668) 评论(0) 推荐(0) 编辑

JSON的定义、结构及使用示例

摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。它基于ECMA262语言规范（1999-12第三版）中JavaScript编程语言的一个子集。 JSON采用与编程语言无关的文本格式，但是也使用了类C语言（包括C， C++， C#， Java， JavaScript， Perl， Python等）的习惯，这些特性使JSON成为理想的数据交换格式。JSON的结构基于下面两点1. "名称/值"对的集合不同语言中，它被理解为对象(object)，记录(record)，结构(struct)，字典阅读全文

posted @ 2011-06-16 09:57 与时俱进阅读(12875) 评论(0) 推荐(0) 编辑

javascript实现firefox和IE都支持的页面局部打印

摘要：介绍两个关键的css<style media="print">.Noprint { DISPLAY: none }.PageNext{ PAGE-BREAK-AFTER: always }</style>第一个在不需要打印的标签上添加（子标签也将不被打印），第二个在需要换行的标签处添加（该标签所表示的内容将在当前打印的一页内）接下来通过调用最基本的js语句window.print()就可实现页面局部打印了，很easy吧！阅读全文

posted @ 2011-06-16 09:54 与时俱进阅读(539) 评论(0) 推荐(0) 编辑

分享到豆瓣、百度空间、新浪微博的纯js代码

摘要：在自己的网站主页上增加社会化分享按钮，是有效提高自己网站流量的一种方法。今天我在无争围棋网上增加了社会化按钮，根据我个人的习惯，我选择了豆瓣、百度空间、新浪微博、人人网、开心网等几个大型sns网站。下面是我的代码：view plaincopy to clipboardprint?functionShareCode(server_url,server_icon_url,text){vartitle=encodeURIComponent(document.title.substring(0,76));varurl=encodeURIComponent(location.href);server_u 阅读全文

posted @ 2011-05-19 16:38 与时俱进阅读(5526) 评论(3) 推荐(0) 编辑

与时俱进

随笔分类 - JavaScript