您现在的位置:IT技术 > WEB前端 > JavaScript >

WEB前端 / JavaScript频道头条

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

WEB前端 / JavaScript相关栏目

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

兼容各大浏览器的javascript刷新iframe的方法

兼容各大浏览器的javascript刷新iframe的方法,具体代码如下: iframeid=myframewidth=100%frameBorder=0src=test.htmlscrolling=no/iframeinputtype=buttononclick=javascript:refreshFrame();value=RefreshFrame/scripttype=text/java...

日期:2013-09-04 21:33:47

点击:175 好评:0

javascript地区分类选择特效

javascript地区分类选择特效,该效果是仿照淘宝地区分类做的,具体效果请看 demo ,代码如下: !DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlxmlns...

日期:2013-09-03 22:25:35

点击:235 好评:0

JavaScript如何实现多重继承

javascript面向对象是实现类的多重继承。具体代码如下: functionmultipleinheritPrototype(){if(arguments.length==0){return;}varargs=arguments;varsub=args[0];varconstructor=sub.prototype.constructor;if(!Object.create){Object...

日期:2013-09-03 22:20:39

点击:228 好评:0

IT技术网使用谷歌prettify.js实现代码高亮功能

目前IT技术网使用google-code-prettify来实现代码的高亮显示,以前IT技术网使用的是highlight.js来实现文章中代码的高亮显示,但是highlight.js 显得很臃肿,加载起来很慢,然而谷歌的prettify...

日期:2013-09-02 22:56:42

点击:128 好评:0

判断网页中element是否可见的最佳方法

javascript判断网页中element是否可见的最佳方法。记得以前一直用jQurey的is(:visible)来判断,一次偶然在chrome中发现这个函数居然是消耗CPU最多的,这个函数效率很低!经过在谷歌的一翻搜...

日期:2013-08-31 10:05:48

点击:239 好评:0

浅谈JavaScript浏览器渲染机制以及定时机制

大家先来看一道题: a.onclick=function(){setTimeout(function(){//dosomething...},0);}; JavaScript API 文档明确定义:setTimeout的第二个参数意义为隔多少毫秒后,回调方法就会被执行。那么可以推断出:这...

日期:2013-08-29 00:36:56

点击:113 好评:0

javascript性能优化技巧

javascript 性能优化的技巧,下面几条规则仅仅是概括性的建议,不包括详细的Demo解说,并且指针对编写Javascript本身的一些建议。...

日期:2013-08-28 23:29:17

点击:199 好评:0

javascript判断IE版本号

公司的一个项目中需要判断IE版本号,因为 jQuery 2.0 去除了对浏览器版本号的判断,于是就看到一老外写的一段代码: var_IE=(function(){varv=3,div=document.createElement(div),all=div.getElementsByTagNa...

日期:2013-08-28 23:04:59

点击:113 好评:0

如何现实动态加载JS代码?

如何现实动态加载JS代码,调用方法: FloadJS(url,function(){alert(加载成功!)},function(){alert(加载失败!);}); 具体代码如下: var FBrowser=new Object(); FBrowser.isIE=((navigator.userAgent.indexOf(MSIE)==-1)?false:true); FBrowser.isIE7=((FBrow...

日期:2013-08-26 21:19:26

点击:145 好评:0

javascript获取Select当前值

javascript获取Select当前值,具体代码如下: function GetObjID(ObjName) { for (var ObjID=0; ObjID window.frm2.elements.length; ObjID++) if ( window.frm2.elements[ObjID].name == ObjName ) { return(ObjID); break; } return(-1); } function select...

日期:2013-08-26 21:17:42

点击:66 好评:0

动态加载javascript功能模块

动态加载javascript功能模块,具体代码如下: /** * 生成命名空间 * @param {String} str 要生成的命名空间字符串 * 如果要生成com.google命名空间,就使用Msw.ns(com.google) */ if(!window.Msw) Msw = {}; Msw.ns = function(){ var ns=function(n, o){ if(n...

日期:2013-08-23 13:05:47

点击:188 好评:0

Zepto插件:手机网站封装好的touch事件js

最近公司开发手机网站,本人主要负责前端这块的工作,考虑到jquery脚本库体质大的问题,选择用Zepto脚本框架,对于手机网站,滑动屏幕事件是频繁用到的,所以经过一小段时间的研究,本人做了一个基于Zepto.js的插件,主要是对手机网站 上划,下滑,左划,右滑...

日期:2013-08-22 23:14:09

点击:177 好评:0

JavaScript对象数组排序

JavaScript对象数组排序,使用了Array.prototype.sort(),具体代码如下: script var sortArr = [ { name: Robin Van PurseStrings, age: 30 }, { name: Theo Walcott, age: 24 }, { name: Bacary Sagna, age: 28 } ].sort(function(obj1, obj2) {return obj2...

日期:2013-08-21 21:08:24

点击:118 好评:0

javascript解决URL传值时乱码的方法

URL中出现空格,等字符会乱码,这个是见到的一个比较不错的处理方式。调用时,把要传递的参数通过这个js方法转化一下就可以转化为%xx组成的一系列字符服务端正常获取有兴趣的可以试一下 ,具体代码如下: function encodeURL(str){ var s0, i, s, u; s0 = ; /...

日期:2013-08-20 23:10:04

点击:74 好评:0

JavaScript小数、整数四舍五入方法

JavaScript小数、整数四舍五入方法,具体代码如下: //保留两位小数同时四入五入 function changeTwoDecimal(x) { var r = ; var x1 = parseFloat(x); if (isNaN(x1)) { r = x.toString(); } else { var x2 = Math.round(x1 * 100) / 100; x1 = (x1 * 1000) /...

日期:2013-08-20 23:04:46

点击:169 好评:0

JS文本框输入数字立即转换为大写人民币金额显示

JS文本框输入数字立即转换为大写人民币金额显示,具体代码如下: ///////////////////////////////////////////////////////////////////// //界面 ///////////////////////////////////////////////////////////////////// div align=center span输入数字:a...

日期:2013-08-16 19:34:49

点击:185 好评:0

javascript获取当前日期所属第几周函数

javascript获取当前日期所属第几周函数,具体代码如下: //////////////////////////////////////////////////////////////////////////////////////////////////// //获取当前日期在当前年第几周函数封装,例如2013-08-15 是当前年的第32周 ////////////////...

日期:2013-08-15 22:17:06

点击:167 好评:0

javascript判断字符串是否含有特殊字符

javascript判断字符串是否含有特殊字符。具体代码如下: funcation checkNum(){ //定义数组保存特殊字符 var AllNumIsSame = new Array(,,!,@,#,$,%,^,,*,.); //方法实现 function CheckChar() { //获取用户输入的数值 var GetInputValue =$(#InputNumCheck)....

日期:2013-08-10 23:30:06

点击:212 好评:0

zepto实现手机网站焦点图触屏划动效果

最近公司需要做手机网站项目,在脚本js框架上我们采用了轻量级的js框架 zepto.js, 今天我们就来说下使用zepto.js实现 手机网站焦点图触屏划动效果 ,有兴趣的朋友可以先进这个网站http://zeptojs.com/, 本程序是一个测试程序,可以左右无限制的划动。 推荐...

日期:2013-08-10 12:31:40

点击:363 好评:0

基于zepto的手机焦点图touchstart touchmove

基于zepto的手机焦点图,查看地址: demo (建议使用手机浏览器查看) 代码如下: !DOCTYPE HTML html head titlezepto实现手机网站焦点图触屏划动效果/title meta content=width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no name=vi...

日期:2013-08-10 12:28:05

点击:368 好评:0

如何写友好的Javascript代码?

实例:尽可能写友好的Javascript代码——在Search Engine的robot搜索时,针对的type,text/html此类“文本”的友好度是最高的(现阶段text/xml除外),而text/javascript此类的友好度不理想,如果robot还要判断DHTML代码的话……...

日期:2013-07-25 20:23:50

点击:26 好评:0

js对cookie的写入,读取及删除方法

这里的js对cookie的写入,读取及删除方法,都很实用: [js]代码: /*name:cookie 名value:cookie 值*///写入cookiefunction SetCookie(name,value){var Days = 30; //此 cookie 将被保存 30 天var exp = new Date();exp.setTime(exp.getTime() + Days*24*60*6...

日期:2013-07-25 20:22:14

点击:173 好评:2

当前最流行的16款JavaScript框架

16个当前最流行的JavaScript框架。在这个列表中,既包括jQuery和Mootools,也有Zepo移动JavaScript框架。 里面一定有你正在用的或想尝试用的JavaScript框架,看看列表吧! 1. jQuery – Javascript框架 应用最广泛的JavaScript框架,jQuery插件非常之多,涉及...

日期:2013-07-25 20:16:41

点击:211 好评:2

"收藏,打印,另存为"等JavaScript代码

最近有用到以下的某些脚本,就查了下资料整理了下,以备以后使用: 脚本说明: * 把如下代码加入body区域中: * 后退 前进 * input type=button value=后退 onClick=history.go(-1) * input type=button value=前进 onClick=history.go( 1 );return true; * *...

日期:2013-07-23 21:46:33

点击:192 好评:0

setTimeout报错,提示useless setTimeout call

在ff下调试setTimeout时发现如下错误:useless setTimeout call (missing quotes around argument?) 百度了一下,找到了解决方法,看下面自己的实例为: /** * 取消弹出浮层 * @param mask 遮罩层id * @param layer 浮层id */ function layer_cancel(mask,la...

日期:2013-07-23 21:45:17

点击:90 好评:0

JavaScript输出当前时间

用下面这段JavaScript来输出时间,FF和IE得到的结果居然不同 var myDate = new Date(); var myYears = myDate.getYear(); document.write(myYears); // 109 on FF and 2009 on IE 查了下,原来JavaScript本来输出的就是109,而IE程序员考虑到不可能是1900年...

日期:2013-07-23 21:41:20

点击:175 好评:0

IT技术网收集:JavaScript触发事件大全

IT技术网收集:JavaScript触发事件大全: 1.onabort:当用户终止正在打开的网页时产生该事件. 2.onblur:某元素失去活动焦点时产生该事件.例如鼠标在文本框中点击后又在文本框外点击时就会产生. 3.onchange:当网页上某元素的内容发生改变时产生.例如在文本框...

日期:2013-07-23 21:38:39

点击:77 好评:0

JavaScript实现iframe不同时间加载不同的页面

JavaScript实现iframe不同时间加载不同的页面。用了一段jquery实现了这个问题,代码如下: script $(document).ready(function(){ s = new Date(); var H = s.getHours(); //alert(H); if(H =10 H12){$(window.parent.document).find(#mainFrame).attr(src,...

日期:2013-07-23 21:36:21

点击:95 好评:0

JavaScript中function定义函数的几种方法

JavaScript中function定义函数的几种方法: 1.最基本的作为一个本本分分的函数声明使用。 function func(){} 或 var func=function(){}; 2.作为一个类构造器使用: function class(){} class.prototype={}; var item=new class(); 3.作为闭包使用: (function...

日期:2013-07-23 21:30:54

点击:170 好评:0

JavaScript的IE和Firefox兼容性总结

JavaScript的IE和Firefox兼容性总结,以下以IE代替InternetExplorer,以MF代替MozzilaFirefox: 1.document.form.item问题 (1)现有问题: 现有代码中存在许多document.formName.item(itemName)这样的语句,不能在MF下运行 (2)解决方法: 改用document.formName...

日期:2013-07-23 21:16:43

点击:182 好评:0

javasript中call方法详解

javasript中call方法详解: 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。 说明 call 方法可以用来...

日期:2013-07-23 20:59:27

点击:165 好评:0

JavaScript中数组Array的用法大全

js数组元素的添加和删除一直比较迷惑,今天IT技术网找到详细说明的资料了。 var arr = new Array(); arr[0] = aaa; arr[1] = bbb; arr[2] = ccc; //alert(arr.length);//3 arr.pop(); //alert(arr.length);//2 //alert(arr[arr.length-1]);//bbb arr.pop();...

日期:2013-07-23 20:55:49

点击:140 好评:0

JavaScript操作时间的函数大全

JavaScript操作时间的函数大全,具体代码如下: script language=javascript function get_time() { var date=new Date(); var year=,month=,day=,week=,hour=,minute=,second=; year=date.getYear(); month=add_zero(date.getMonth()+1); day=add_zero(date....

日期:2013-07-23 20:54:05

点击:77 好评:0

window.clearInterval与window.setInterval的用法详解

window.setInterval() 功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。 语法:setInterval(code,millisec) 解释:code:在定时时间到时要执行的JavaScript代码串。 millisec:设定的定时时间,用毫秒数表示。 返回值:定时器的ID值,可用于clearI...

日期:2013-07-23 20:52:53

点击:183 好评:0

JavaScript判断是否为IE的方法大全

JavaScript判断是否为IE的方法大全: 第一种判断IE的方法: if(window.addEventListener){ alert(not ie); }else if(window.attachEvent){ alert(is ie); }else{ alert(这种情况发生在不支持DHTML的老版本浏览器(现在一般都支持)) } 第二种判断IE的方法: i...

日期:2013-07-23 20:40:15

点击:63 好评:0

JavaScript把网站设为首页代码大全

JavaScript把网站设为首页代码大全。 1.鼠标指向时提示设为首页,将下列代码插入body区中: a href=http://www.173it.cn onmouseover=this.style.behavior=url(#default#homepage);this.setHomePage(www.173it.cn); target=_blank设为首页/a 2.设为...

日期:2013-07-23 20:39:43

点击:93 好评:0

JavsScrpt实现上传图片预览功能,兼容各大浏览器

本上传功能的实现采用iframe,这里主要写的是实现图片未上传时的实时预览功能,即在未上传图片前可看到该选择图片。兼容IE6\7\8\9、chrome、opera、firefox,不兼容safari,IE9以上版本未测试。 代码片段一: script language=javascript function InitImageO...

日期:2013-07-16 21:41:46

点击:120 好评:0

javascript实现动态定制定时器

javascript实现动态定制定时器,具体代码如下: function timeout (){ if(typeof timeout._instance === object){ return timeout._instance; } function move(time, fn, config) { function loop() { fn(config); time.id = setTimeout(function () { if (ti...

日期:2013-07-16 21:23:41

点击:102 好评:0

JavaScript实现增删改查功能

JavaScript实现增删改查功能,具体代码如下: //1.创建受捐单位数组 var arrOrgData = [ { Id: 1, OrgName: 红十字会 }, { Id: 2, OrgName: 壹基金 }, { Id: 3, OrgName: 中华慈善总会 }, { Id: 4, OrgName: 中国扶贫基金会 } ]; //1-1.根据受捐单位id,返回...

日期:2013-07-10 21:55:36

点击:78 好评:0

JavaScript兼容IE,firefox的拖拽功能

JavaScript,,JavaScript,JavaScript兼容IE firefox的拖拽对象...

日期:2013-07-10 00:11:35

点击:53 好评:0

javascript实现浏览器收藏网页到收藏夹

javascript实现浏览器收藏网页到收藏夹,具体代码如下: var url = window.location.href; var title = window.document.title; var ua = navigator.userAgent.toLowerCase(); if(ua.indexOf(msie 8) -1){ window.external.addToFavoritesBar(url,title);//IE...

日期:2013-07-09 23:45:37

点击:83 好评:0

前端工程师必读:网站前端性能优化最佳方案

一个网站影响用户访问的最大部分是前端的页面。网站可以划分为:前端和后台。后台可以理解成是用来实现网站的功能的,而前端是属于功能的表现。然如除了后台需要在性能上做优化外,其实前端的页面更需要在性能优化上下功夫,只有这样才能给我们的用户带来更好...

日期:2013-07-07 12:24:17

点击:339 好评:0

重定义javascript内部函数实例

重定义javascript内部函数实例,JS一些内部函数可以重定义,关键就是prototype,这个是好东西。比如重定义数组的push方法。具体代码如下: Array.prototype.push=function(str){ var temparr = str.toString().split(,); temparr.sort(); this[this.length]=t...

日期:2013-07-06 23:58:51

点击:174 好评:0

Javascript对cookies的常用操作

Javascript对cookies的常用操作: //设置Cookie function setCookie(c_name,value,expiredays) { var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) document.cookie=c_name+ = +escape(value)+ ((expiredays==null) ? : ; expires=+exdate...

日期:2013-07-06 23:58:08

点击:70 好评:0

javascript获取url参数值

javascript获取url参数值: script function getQueryString(name) { var reg = new RegExp((^|) + name + =([^]*)(|$), i); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } document.write(ge...

日期:2013-07-05 21:52:03

点击:92 好评:0

Javascript判断浏览器是否开cookie

Javascript判断浏览器是否开cookie: $(document).ready(function () { document.cookie = cookieid=1; expires=60; var result = document.cookie.indexOf(cookieid=) != -1; if (!result) { alert(浏览器未启用cookie); }else{ alert(浏览器启用cookie); }...

日期:2013-07-05 21:49:22

点击:204 好评:0

javascript重新排列JSON数据

javascript重新排列JSON数,具体代码如下: //排列JSON数据 var tabtheindexlist={tabid:1,tabname:测试1},{tabid:3,tabname:测试3},{tabid:2,tabname:测试2}; function DescTabIndexList() { try{ if (tabtheindexlist != null tabtheindexlist != ) { //进...

日期:2013-07-04 22:38:10

点击:158 好评:0

javascript格式化大写字母函数

javascript格式化大写字母函数,具体代码如下: //格式化大写函数 function daxie(num) { var strOutput = ; var strUnit = 仟佰拾亿仟佰拾万仟佰拾元角分; num += 00; var intPos = num.indexOf(.); if (intPos = 0) num = num.substring(0, intPos) + num.s...

日期:2013-07-04 22:36:08

点击:101 好评:0

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