您现在的位置:主页 > WEB前端 > JavaScript >

WEB前端 / JavaScript频道头条

前端工程师必读:网站前端性能优化最佳方案
一个网站影响用户访问的最大部分是前端的页面。网站可以划分为:前端和后台。后台可以理...
如何成长为一个优秀的Web前端开发工程师?
如何成长为一个优秀的Web前端开发工程师?相信很多人都在寻找答案。那么今天IT技术网就为大...
不会JavaScript能混前端么?能拿到高薪么?
不会JavaScript能混前端么?能拿到高薪么? 答案是: 很难! 为什么这么说呢,理由很简单 1)有...

WEB前端 / JavaScript相关栏目

WEB前端 / JavaScript频道内容加载中...

CSS+JavaScript实现居中的半透明弹出层

DivCSS+JavaScript实现弹出一个始终居中的半透明层,它可以自动适应浏览器窗口大小,拖动IE滚动条它仍然居中,而且还可以改变它的透明度,和大站的效果是一样的。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...

日期:2011-03-12 21:28:40

点击:158 好评:2

javascript中substring和substr的用法比较

substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置,从零开始的索引 参数 描述 start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 stop 可...

日期:2011-03-11 10:27:50

点击:144 好评:2

javascript判断字符串是否为数字

javascript判断字符串是否为数字, 是否为整数, 是否为浮点数的方法。 [js]代码: 正则表达式方法 function checkRate(input) { var re = /^[0-9]+.?[0-9]*$/; //判断字符串是否为数字 //判断正整数 /^[1-9]+[0-9]*]*$/ if (!re.test(input.rate.value)) { al...

日期:2011-03-11 10:24:05

点击:183 好评:0

javascript右下角弹窗广告效果

在支持position:fixed的浏览器上使用position:fixed,这样当拖动共同条的时候弹窗位置是固定的。 优化了IE6下onscroll 事件绑定的函数 还需改进的地方(过段事件等项目应用的时候会修改): 30秒后自动关闭 方便的插入弹出内容 主要代码: [js]代码: var RB...

日期:2011-03-03 21:52:36

点击:191 好评:0

javascript实现标题栏新消息提示效果

标题栏新消息提示如图: javascript实现标题栏新消息提示效果 ,这个新消息提示的效果,主要用于提示用户有新消息。具体实现代码如下: [js]代码: var newMessageRemind={_step: 0,_title: document.title,_timer: null,//显示新消息提示show:function(){var...

日期:2011-03-03 20:51:08

点击:81 好评:0

input获得焦点后,光标移到文本最后

input获得焦点后,光标移到文本最后. !DOCTYPE HTMLhtmlheadmeta http-equiv="Content-Type" content="text/html; charset=utf-8"/head bodyinput id="txt" /input type="button" value="abc" id="btn"//bodyscript src="http://jqueryjs.googlecode.com/fil...

日期:2011-03-02 21:20:29

点击:120 好评:2

JavaScript添加、删除函数事件的方法

JavaScript添加、删除事件的方法,也就是让某些方法生效指定次数,可以是一次、两次或更多次,但指定次数执行完毕后就删除该方法,使其失效,如果你经常从事JS编程,你就会知道这种功能用得比较多。 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition...

日期:2011-03-02 12:57:09

点击:106 好评:0

IE有时候也认识!important

!important一般用来做区分IE6和Firefox等浏览器的基本Hack手法。因为IE6不支持!important,而Firefox能读懂!important,其改变了样式的优先级。其实IE6在某些情况下,也能认识!important。 [js]代码: aDiv bDiv 如果IE6不认!important的话,bDiv应该和aDiv一...

日期:2011-03-01 23:48:46

点击:152 好评:0

简单代码实现JavaScript类型判断函数

根据ECMA-262中的解释,Object.prototype.toString(),将返回对象实例的类型,返回格式[object class ]字符串。所以 通过 slice截...

日期:2011-03-01 23:46:48

点击:128 好评:2

JS计算字符串中出现次数最多的字符和出现的次数

“计算出字符串中出现次数最多的字符是什么,出现了多少次?” 看到这个需求,我想大多数人应该首先想到的是转换成数组,再做处理,当然是可以解决问题的,然后这里提供一个巧妙的算法设计,无需转数组,可以很快解决问题,代码如下: [js]代码: var str =...

日期:2011-03-01 23:19:40

点击:379 好评:2

javascript设计模式学习笔记之“类式继承”

在做一件事情之前,首先要清楚做这件事情的好处有什么,相信不会有哪个人愿意无缘无故的去做事情。一般说来,我们在设计类的时候,实际上就是希望能减少重复性的代码,使用继承可以完美的做到这一点,借助继承机制,你可以在现有类的基础上再次进行设计并且...

日期:2011-03-01 23:13:39

点击:86 好评:2

javascipt可控制的左右滚动

在此之前,针对页面中的这种效果,一直用sina的某高人写的脚本,因为写的真的不错,可扩展性很强,但是在ie8面世之后,却发现在ie8中不兼容,所有滚动元素只能在可视范围内滚动一次。 既然如此,这个脚本就不能再用了,毕竟随着win7被炒的越来越热,而ie8又...

日期:2011-03-01 23:10:04

点击:216 好评:0

javasricpt面向对象的tab选项卡

tab(选项卡)技术很常见,即使刚踏入前端开发的同学都会使用它去完成一些基本的任务。这里讨论的是一种面向对象的tab,其实是换一种设计模式来设计代码,这里用到的是简单工厂,这个Tab类提供很多借口,如onSwitch,switchTo...利用这个tab组件可以定制形式...

日期:2011-03-01 23:06:34

点击:101 好评:0

三种javascript定义函数的方法

在JavaScript的世界里,定义函数的方法多种多样,这正是JavaScript灵活性的体现,但是正是这个原因让初学者摸不着头脑,尤其对于没有语言基础的同学。正所谓条条大道通罗马,但是如果道路太多,会让行路者不知所措,因为不知道走那条路才是正途,呵呵,废话...

日期:2011-03-01 22:59:55

点击:165 好评:0

javascript取消网页中的冒泡事件

在默认情况下,发生在一个子元素上的单击事件(或者其他事件),如果在其父级元素绑定了一个同样的事件,此时点击子元素,click事件会首先被子元素捕获,执行绑定的事件程序,之后会被父级元素捕获,再次激发一段脚本的执行,这就是所谓的“事件冒泡”。 !DO...

日期:2011-03-01 22:56:15

点击:86 好评:0

javascript简单的拖动模型

在 google 个性化首页和 tom 网都有这种自定义网页布局的应用,兴趣所至,自己动手写了一个 js 拖动模型,发出来共享一下,声明:只是阐述拖动的基本原理,仅供参考: !DOCTYPE htmlhtml xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-...

日期:2011-03-01 22:33:58

点击:169 好评:0

javasript中诡异的delete

delete这个操作符呢,在javascript中不是很常用,但是他的特性的确很诡异。 1,删除对象的属性,代码: [js]代码: var o = {a: 1,b: 2};delete o.a;alert(o.a); //undefined 那么到底delete删除的是对象的属性还是对象的属性值呢,我开始觉得删除的应该是值...

日期:2011-03-01 22:28:21

点击:162 好评:2

javascript中巧用”&&”和”||”

对于和||运算符,相信大家都用过,分别进行逻辑与运算和逻辑或运算符。如果的第一个运算数是false,则不再考虑第二个运算数,直接返回false。如果||的第一个运算数是true,那么也不再考虑第二个运算数。 没有实践就没有发言权,demo如下: [js]代码: var a...

日期:2011-03-01 22:22:21

点击:148 好评:2

如何解决attachEvent中this指向问题

给dom元素绑定事件监听,很easy,即使刚入门的javascript编程人员都可以办到,比如obj.onclick = fn就可以很轻松的监听obj的单击事件,这固然是没有问题的,但是问题就在于在这个监听过程中,很难触发N个代码片段,例如: [js]代码: obj.onclick = fn1;obj....

日期:2011-03-01 22:16:39

点击:326 好评:2

javasricpt对事件捕获和冒泡

对“捕获”和“冒泡”这两个概念,我想我们对冒泡更熟悉一些,因为在我们使用的所有浏览器中,都支持事件冒泡,即事件由子元素向祖先元素传播的,就像气泡从水底向水面上浮一样。而在像firefox,chrome,safari这类所谓的标准浏览器中,事件传播还有个阶段,那...

日期:2011-03-01 22:12:42

点击:421 好评:2

简单javasrcript代码实现倒计时功能

近期在做排列五的彩票项目,每一期都有购彩时段,即用户打开这个排列五的页面时,会从服务器传来一个remaintime(离本次彩期结束的剩余时间),然后这个时间在客户端递减呈现给用户看,让用户获得本次彩期的剩余时间。 实现原理挺简单的,在此不在赘述,运行...

日期:2011-03-01 22:10:04

点击:185 好评:0

总结:js浮点数运算的bug

先看一组数据: 0.1 + 0.11 = 0.21000000000000002 0.2 * 3 = 0.6000000000000001 0.7 / 10 = 0.06999999999999999 你相信吗?如果不信,那么立即打开firefox浏览器测试吧。有一点可以确信,你看到测试结果的表情,一定先是惊讶,后来是迷惑。 查看加法运算:...

日期:2011-03-01 22:04:49

点击:155 好评:0

JAVASCRIPT关于IE透明度失效的问题

近期项目中,发现这个诡异的问题,IE(以下如有特殊说明,指全部IE系列浏览器)下透明滤镜竟然会失效。起因在于,在做一个lightbox时,发现遮罩层透明效果是失效的,在第一时间里,我当然是把问题定位在YUI组建设计的缺陷上,但是当我用IE调试工具看到遮罩层...

日期:2011-03-01 22:01:54

点击:141 好评:0

JavaScript中的prototype 构造函数的原型对象

JavaScript中的prototype,即构造函数的原型对象,我想对于使用过JavaScript oo模式编程的你来说,肯定都能很好的利用prototype的特性来编写出优美的面向对象的代码,因为它的确很好用。但是你真的足够了解prototype吗? 首先我觉得,在分析prototype之前,...

日期:2011-03-01 21:57:54

点击:114 好评:2

javascript解决window.name的跨域方案

iframe在加载新页面时,name值是保持不变的,由此可以重定向iframe的引用地址,由外域转到本域。 方法: 设置请求目标域页面的window.name,通过iframe引用至本域,由于js受到浏览器同源策略限制,无法跨域通信,取不到iframe中传过来的window.name设置值,...

日期:2011-03-01 21:50:42

点击:110 好评:2

javascript object数据存储的无序性

object作为javascript的一种数据存储格式,采用哈希表的存取方式,即一个key对应唯一的值,这样的特性,有时候给开发带来很大的便利,比如当我们需要获得一系列不能重复的数字时,可以做如下处理: [js]代码: var randomOne = function(){var i = 0 , obj =...

日期:2011-03-01 21:44:08

点击:285 好评:0

JavaScript初学者应注意的细节

每种语言都有它特别的地方,对于javascript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。 一、简化代码 JavaScript定义...

日期:2011-03-01 21:21:57

点击:234 好评:2

Javascript获取以及设置光标位置

在项目开发中经常遇到input等设置光标位置到最后的问题,今天我查了一下Google,找到了在IE、Firefox、Opera等主流浏览器的获取光标位置(getCursortPosition)以及设置光标位置(setCursorPosition)的函数。 获取光标位置函数 [js]代码: function getCurs...

日期:2011-02-26 14:31:45

点击:142 好评:0

JS将数字转换为人民币大写输出方法

运行此代码后,即可 数字对象.zhStr() , 输出转换为人民币大写的字符串。 [js]代码: Number.prototype.zhStr = function() {var zh1 = ['零','壹','貳','叁','肆','伍','陆','柒','捌','玖'],zh2 = ['','','拾','佰','千','万','十万','百万','千万'],zh3...

日期:2011-02-26 14:13:44

点击:186 好评:0

JavaScript去除字符串两端空格功能实现

在使用表单提交数据的时候,有时会不小心在输入框内输入空格,而提交后存入数据库里面的数据并不是自己需要的,于是乎造成了很多不必要的麻烦。为此,PHP中诞生了trim()函数,数据提交到服务器端经过trim()函数后即去掉了两端空格。 可是在用JavaScript验证...

日期:2011-02-25 19:59:11

点击:125 好评:0

JavaScript代码实现全选与取消全选

全选功能在网页上很常见,方法也很简单,整理了一段该功能的代码: [js]代码: //全选 function upCheckAll(){ if($("#upcheckboxall").attr("checked") == true) { $("input[name='upcheckbox']").each( function() { if ( ! $(this).attr("disabled")){ $(...

日期:2011-02-25 19:56:25

点击:168 好评:0

JavaScript实现自动刷新代码

IE真的很怪异,对css的支持不好这个地球人都知道。但一直以为对JavaScript的支持还可以,最近我却改变了此看法。起因是这样的,博客的留言是用Ajax做的,当留言提交成功后页面自动刷新,这样就可以显示最新留言,代码如下: [js]代码: }else if(msg.indexOf...

日期:2011-02-24 23:44:25

点击:103 好评:2

JavaScript获取FCKeditor编辑器内容

FCKeditor是用iframe调用编辑器的,所以直接用ID是获取不到的。网上查找后发现官方是留了此API的,用如下代码即可获取FCKeditor编辑器内容: [js]代码: var blogcontent = FCKeditorAPI.GetInstance("content").EditorDocument.body.innerHTML;//content是F...

日期:2011-02-24 23:25:01

点击:159 好评:0

兼容IE与firefox的javascript回车提交表单

如果是form用submit提交表单,则回车后即可提交,但项目中很多时候都不需要form,这是则需要回车出发提交事件,来个简单的例子...

日期:2011-02-24 22:07:57

点击:180 好评:0

使用img图片的onerror事件需要注意的问题

特别注意 onerror,当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。但问题来了,如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。...

日期:2011-02-19 14:03:03

点击:31 好评:2

js操作cookie值的设置,获取,清除

js操作cookie值的设置,获取,清除 [js]代码: var WebSiteCookie={ cookieName:"name", cookieValue:"", expires:new Date((new Date()).getTime()+1*60*1000), domain:"", path:"/", set:function(){ //设置cookie值 var cookies=this.cookieName+"="+esca...

日期:2011-02-15 18:02:17

点击:64 好评:0

js获取IP地址对应的地区代码

例如URL: http://ipinfodb.com/ip_locator.php?ip=8.8.8.8 返回:"City, State" if found otherwise defaults to "Hollywood, CA" [js]代码...

日期:2011-02-10 10:38:20

点击:170 好评:2

js实现幻灯片之百叶窗效果代码

js实现幻灯片之百叶窗效果 !Doctype htmlhtmlheadmeta http-equiv="Content-type" content="text/html; charset=utf-8" /titleshutter/titlestyle type="text/css" _mce_bogus="1"!--span{overflow:hidden;font-size:0;line-height:0}.shutter{position:rela...

日期:2011-02-09 12:35:39

点击:125 好评:0

JavaScript实现网页图片等比例缩放

JavaScript实现网页图片等比例缩放——参考了一些代码,自己写了个图片缩放的脚本,可以点击放大,同时用鼠标滑轮自由缩放....

日期:2011-01-07 15:59:08

点击:14 好评:0

JavaScript代码可导致浏览器攻击

安全研究人员已经发现一种利用JavaScript扫描家庭和企业网络,并攻击网络上服务器,以及路由器和打印机等设备的方法。...

日期:2011-01-07 15:59:08

点击:18 好评:0

用 JavaScript 来操作字符串的函数

用 JavaScript 来操作字符串的函数——虽然 JavaScript 有很多用处,但是处理字符串是其中最流行的一个。下面让我们深入地分析一下使用 JavaScript 操作字符串。...

日期:2011-01-07 15:59:08

点击:13 好评:0

页面中文乱码之完全Script解决方案

页面时的中文乱码之完全Script解决方案——用XMLHTTP Post/Get HTML页面时的中文乱码之完全Script解决方案……...

日期:2011-01-07 15:59:08

点击:27 好评:0

限量版广告 1个IP一天只弹一次的AD代码

限量版广告 1个IP一天只弹一次的AD代码——说它限量是不是因为它太珍贵了,是的,广告不要泛滥,珍贵的广告才有价值……...

日期:2011-01-07 15:59:08

点击:6 好评:0

收集整理了一些javascript 经典函数

收集整理了一些javascript 经典函数—— 本人收集客户端开发经典javascript方法,希望对大家有所帮助。...

日期:2011-01-07 15:59:08

点击:13 好评:0

谈AS+JS的Flash网站无刷新定位技术

谈AS+JS的Flash网站无刷新定位技术——同一页面可以带有不同的参数,通过参数传递,就可以让FLASH定位至某一所谓分页。但是,问号后面的参数却不能通过FLASH的AS或者JS来修改。要修改必须重新刷新页面,以致无法实现无刷新定位。...

日期:2011-01-07 15:59:08

点击:21 好评:0

Javascript实现广告页面的定时关闭

Javascript实现广告页面的定时关闭——在网页源代码中加入下面的代码,则该窗口将在20秒钟之后自动关闭!这与跳出式小窗口配合使用是再好不过啦!代码中“i=20”表示关闭的延迟时间为20秒,可任意修改。...

日期:2011-01-07 15:59:08

点击:12 好评:0

Javscript实现表单复选框的全选功能

Javscript实现表单复选框的全选功能——有很多人不知道在多选框中全选怎么还编写代码。其实很简单,下面就是代码以及说明,请仔细阅读。...

日期:2011-01-07 15:59:08

点击:16 好评:0

javascript中值传递和地址传递

在JavaScript中,除了Object,Array是地址引用,其他数据类型,诸如Number 、Boolean、String等都是值引用,这就是从陷阱中挖出的东西,同一个坑不能跳进去两次啊 [js]代码: var a = 11111;var b = {pro: "test"}function fn(a,b){a = 2222;b.pro = "zhenn";}...

日期:1970-01-01 08:00:00

点击:141 好评:0

首页 上一页 1 2 3 4 5 6 7 8 下一页 末页 8339