JAVASCRIPT
关注
分享
扫一扫
文章平均质量分 52
jiestyle21
这个作者很懒，什么都没留下…
展开
-
按钮onclick事件大全
<br /><br /><INPUT onclick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开 name=Button1><br /><INPUT onclick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为 name=Button2><br /><INPUT onclick=document.all.WebBrowser.ExecWB(10,1) type=butt转载 2010-11-12 17:50:00 · 5799 阅读 · 0 评论 -
Javascript匿名函数
<!--* {background:black; font-size:14px}-->Javascript的匿名函数一、什么是匿名函数？在Javascript定义一个函数一般有如下三种方式：函数关键字(function)语句：function fnMethodName(x){alert(x);}函数字面量(Func转载 2012-06-06 13:25:48 · 689 阅读 · 0 评论 -
javascript的本地操作
//取得机器名，登录域及登录用户名function getusername(){var WshNetwork = new ActiveXObject("WScript.Network");alert("Domain = " + WshNetwork.UserDomain);alert("Computer Name = " + WshNetwork.ComputerName);alert转载 2012-06-01 13:07:42 · 549 阅读 · 0 评论 -
javascript脚本的性能优化
随着网络的发展，网速和机器速度的提高，越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一种解释型语言，所以能无法达到和C/Java之类的水平，限制了它能在客户端所做的事情， ...随着网络的发展，网速和机器速度的提高，越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一转载 2012-06-01 17:19:46 · 475 阅读 · 0 评论 -
javascript中的观察者模式实现
比如有这样一个场景,一款游戏玩家在等级1~10之间可以领取3000点经验,等级11级以上可以领取2000点经验.我们可以用观察者模式来实现这个需求.这里玩家就是一个观察者,或者说是一个订阅者,游戏系统就是一个被观察者,或者说一个发送者下面用代码来实现:// 经验系统var Experience = function(param) { this.n转载 2012-06-01 18:07:52 · 1138 阅读 · 1 评论 -
JavaScript N种闭包演示
先说说什么是闭包，我就用通俗易懂的语言来描述一下什么是闭包。闭包，其实就是指程序语言中能让代码调用已运行的函数中所定义的局部变量。明了不？还不懂？不懂百度去吧。有个网友问了个问题，如下的html，为什么每次输出都是5，而不是点击每个p，就alert出对应的1，2，3，4，5。 闭包演示 function init() { var pAry = doc转载 2011-09-27 16:06:56 · 433 阅读 · 0 评论 -
scrollLeft,scrollWidth,clientWidth,offsetWidth,event用法及说明
我什么也不想说！自己看图吧document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区原创 2012-05-16 17:29:36 · 728 阅读 · 0 评论 -
javascript创建对象的几种方式
// 1. 工厂方法:能创建并返回特定类型对象的工厂函数(factory function).function createCar(sColor){var car = new Object(); // 或者 var car = new Object ;// 对象属性car.color = sColor ; // 对象方法car.showColor = function ()转载 2012-05-29 11:25:09 · 5746 阅读 · 0 评论 -
javascript根据class获取对象
jQuery根据class获取对象大家从所周知，灰常的方便。下面不多说/** clsName:给定类名* tagName：给定的HTML元素，如果为任意 tagName='*'* ClassElements：返回值*/function getElementsByClassName(clsName, tagName) { var ClassElements = [];原创 2012-05-22 10:10:18 · 9200 阅读 · 1 评论 -
Javascript 高效率http页面优化法则之DOM操作
1. 批量增加Dom尽量使用修改innerHTML的方式而不是用appendChild的方式; 因为使用innerHTML开销更小,速度更快,同时也更加内存安全.有一点需要注意的是,用innerHTML方式添加时,一定不要在循环中使用 innerHTML += 的方式添加,这样反而会使速度减慢; 而是应该中间用array缓存起来,循环结束后调用 xx.innerHTML转载 2012-06-11 11:40:33 · 1453 阅读 · 0 评论 -
js高阶函数
js高阶函数在介绍什么是高阶函数之前，先看一下高阶函数的两个特点，了解这两个特点了，也就知道什么是高阶函数了（是不是废话- -！）函数可以作为参数被传递函数可以作为返回值输出现在知道什么是高阶函数了吗？不知道也没问题，接着往下看。js中的函数显然满足高阶函数的条件，在实际开发中，无论是将函数当作参数 传递，还是让函数的执行结果返回另外一个函数，这两种情形都有很多应用场景。我们围绕这两个特点展原创 2016-05-03 10:40:25 · 1699 阅读 · 0 评论 -
Event
/** * @example * 1, var a = new Event(); * a.on('login', function(data){}); * a.trigger('login').trigger('login', {}); * a.off('login'); * 2, var b = new Event(),c转载 2016-03-01 11:08:19 · 409 阅读 · 0 评论 -
angularjs ng-repeat
angularjs笔记之ng-repeatng-repeat它本身是个控制指令外，它还提供了下面4个变量 -$index 当前索引元素 -$first 头元素 -$middle 非头非尾元素 -$last 尾元素 <div ng-controller="someController"> <a ng-repeat="item in items">index->{{ $index }}原创 2015-12-25 10:06:09 · 479 阅读 · 0 评论 -
腾讯WEB前端面试题
有一组数字，从1到n，从中减少了3个数，顺序也被打乱，放在一个n-3的数组里请找出丢失的数字，最好能有程序，最好算法比较快假设n=10000- ->我这里是算法的一种。只是mark一下。传送门// 生成命题数组 function supplyRandomArray(){ var arr = [], n = 100;原创 2012-06-04 15:16:09 · 6544 阅读 · 5 评论 -
javascript addEventListener和attachEvent 事件绑定
对于IE的attachEvent方法可能大家都比较熟，现在说说FireFox的addEventListener的用法。addEventListener的参数一共有三个，语法为：element.addEventListener(type,listener,useCapture)下面是详解其中element是要绑定函数的对象。type是事件名称，要注意的是"onclic转载 2012-06-12 15:39:59 · 1398 阅读 · 1 评论 -
javascript apply and call方法的区别
ref：http://www.popo4j.com/article/the-differences-of-apply-and-call.html 如果没接触过动态语言,以编译型语言的思维方式去理解javaScript将会有种神奇而怪异的感觉,因为意识上往往不可能的事偏偏就发生了,甚至觉得不可理喻.如果在学JavaScript这自由而变幻无穷的语言过程中遇到这种感觉,那么就从现在形始,请放转载 2012-06-12 12:53:55 · 690 阅读 · 0 评论 -
querySelector & querySelectorAll --- 像CSS一样选择DOM
在 传统的 JavaScript 开发中，查找 DOM 往往是开发人员遇到的第一个头疼的问题，原生的 JavaScript 所提供的 DOM 选择方 法并不多，仅仅局限于通过 tag, name, id 等方式来查找，这显然是远远不够的，如果想要进行更为精确的选择不得不使用看起来非常繁琐的正则 表达式，或者使用某个库。事实上，现在所有的浏览器厂商都提供了 querySelector 和 query转载 2012-06-11 16:43:45 · 628 阅读 · 0 评论 -
javascript操作select
前端的朋友可能会经常碰到js操作表单的*,那么我们今天先来演示select的操作.一、基础理解：var e = document.getElementByIdx_x("selectId");e.options = new Option("文本", "值"); //创建一个option对象，即在标签中创建一个或多个文本。options是一个数组，里面可存放多个文本标转载 2012-06-11 14:05:41 · 1105 阅读 · 0 评论 -
javascript无限循环滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> * { padding:0; margin:0;}原创 2012-04-24 14:02:02 · 1607 阅读 · 0 评论 -
Bookmarklet编写指南
前一段日子，我写了两个Bookmarklet----"短网址生成"和"短网址还原"。它们用起来很方便，除了我本人之外，其他朋友也在用。第一次发布Bookmarklet，就能有用户，我挺满意的。下面就是我整理的《Bookmarklet编写指南》，供自己和需要的朋友参考。====================================================Book转载 2012-01-30 13:43:29 · 499 阅读 · 0 评论 -
javascript实现拖拽并替换网页块元素
见图 DragToReplaceDeom #displayRoom{background:#eee;position:relative;float:left;clear:both;padding:30px 0px 0px 20px;margin转载 2011-10-19 15:21:56 · 956 阅读 · 0 评论 -
javascript操作select
1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < o转载 2011-10-19 15:01:44 · 1811 阅读 · 0 评论 -
Javascript操作本地文件
Set fso = Server.CreateObject("Scripting.FileSystemObject") 定义FSO对象 fso.CreateFolder(Server.MapPath(folder)) 得到路径 Set fout = fso.CreateTex转载 2011-10-08 13:39:45 · 743 阅读 · 0 评论 -
Javascript操作excel知识点
使用JavaScript中的ActiveXObject填充并设置Excel格式 1创建 var XLObj = new ActiveXObject("Excel.Application" ); var xlBook = XLObj.Workbooks.Add; //新原创 2011-10-08 11:30:43 · 394 阅读 · 0 评论 -
Javascript中两种方式定义函数的区别
// 方式1function func1(x,y){ // your code} // 方式2var func2 = function(x,y){ // your code}方式1 是典型的函数声明(Function declarations)。方式2 是函转载 2011-09-30 11:57:50 · 567 阅读 · 0 评论 -
JavaScript函数及基础
1.document.write("");为 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,lo原创 2011-09-27 11:35:26 · 426 阅读 · 0 评论 -
JavaScript操作CSS样式
<br />一、局部改变样式 <br />分为改变直接样式，改变className和改变cssText三种。需要注意的是： <br />注意大小写： <br />javascript对大小写十分敏感，className不能够把“N”写成“n”，cssText也不能够把“T”写成“t”，否则无法实现效果。 <br />调用方法： <br />如果改变className，则事先在样式表中申明类，但调用时不要再跟style，像document.getElementById('obj').style.classNa原创 2010-11-12 11:37:00 · 3716 阅读 · 0 评论 -
JavaScript 无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
<br />JavaScript 无缝上下滚动加定高定宽停顿效果(兼容ie/ff)<br /><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con转载 2010-11-12 14:00:00 · 810 阅读 · 0 评论 -
Document对象内容集合
document 文挡对象 - JavaScript脚本语言描述---------------------------------------------------------------------注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 "引用的元素为空或者不是对象\\\\\"--------------------转载 2011-10-23 19:47:13 · 321 阅读 · 0 评论 -
js arguments对象说明
在javascript函数体内，标识符arguments具有特殊含义。它是调用对象的一个特殊属性，用来引用Arguments对象。 Arugments对象就像数组，注意这里只是像并不是哈。javascript函数体内，arguments像数组(并不是真的数组，是一个Arguments对象， 再次强调)一样，有length属性，可以代表传给函数的参数的个数。引用一个形式参数可以用参数转载 2011-10-29 21:57:24 · 564 阅读 · 0 评论 -
Javascript 正确地引用表单和表单元素
所有的 html 表单都应该有一个 name 属性。对于 XHTML 文档来说，name 属性是不被要求的，但 Form 标签中应有相应有 id 属性，并必须用 document.getElementById() 来引用。使用像 document.forms[0] 这样的索引方法来引用表单，在几乎所有情况下，是一个糟糕的做法。有些浏览器把文档中使用 form 来命名的元素当作一个可用的 form翻译 2011-11-09 23:40:03 · 2024 阅读 · 0 评论 -
JavaScript 创建类/对象的几种方式
在JS中，创建对象（Create Object）并不完全是我们时常说的创建类对象，JS中的对象强调的是一种复合类型，JS中创建对象及对对象的访问是极其灵活的。JS对象是一种复合类型，它允许你通过变量名存储和访问，换一种思路，对象是一个无序的属性集合，集合中的每一项都由名称和值组成（听起来是不是很像我们常听说的HASH表、字典、健/值对？），而其中的值类型可能是内置类型(如number,st转载 2011-11-08 00:19:49 · 532 阅读 · 0 评论 -
Javascript 冒泡排序
最基本的题目：一个数组，未知长度，按从小到大的顺序进行排列；现在用基本的冒泡排序方法进行排序！一种思路是先把大的往后排，数组呈逐步减少的状态，排序的过程为：i=0时,j=0,j8 3 6 1 -23 8 6 1 -23 6 8 1 -23 6 1 8 -23 6 1 -2 8i=1时,j=0,j3 6 1 -2 83转载 2011-11-03 00:09:33 · 1833 阅读 · 0 评论 -
javascript常用代码段
重写window.setTimeout， 理解递归程序的返回规律， 截取长字符串， 取得元素在页面中的绝对位置， 统计、去除重复字符（多种方法实现）， 把有序的数组元素随机打乱（多种方法实现）。 /* 功能：修改 window.setTimeout，使之可以传递参数和对象参数 （同样可用于setInterval） 使用方法： setTimeout(回调函数,时间,参数1转载 2011-11-01 22:17:59 · 375 阅读 · 0 评论 -
javascript 作用域
function test() { var n = 0 for (var i = 0; i < 1; i++) { var n = 1 // 没有声明新的n；只是对前面的n赋了新值而已 } alert(n) // 1 alert(i) // 1；i在此也可以访问 } function test() {原创 2011-11-01 23:31:13 · 390 阅读 · 0 评论 -
JavaScript在IE与Firefox几个写法不同的地方
//css floatdocument.getElementById("header").style.styleFloat = "left"; //iedocument.getElementById("header").style.cssFloat = "left"; //Firefox//获取IE下鼠标的位置var myCursorPosition = [0, 0]; myCurs原创 2011-11-01 22:14:30 · 381 阅读 · 0 评论 -
javascript 分页练习
js分页 function showpage(url,num,c_p) { var prev=0;var next=0;var temp=0;var html=""; if(parseInt(c_p+3)>num) { prev=num; } else { prev=parseInt(c_p+3); } temp=10-(prev-c_p); if(c_p-temp>原创 2011-11-01 22:01:22 · 456 阅读 · 0 评论 -
javascript 冒号 使用说明
1、switch语句分支 2、?:三元表达式的false 3、声明对象直接量的成员 4、声明标签 1和2相信地球人都知道吧？如果有人不知道,那我改成地球上的程序员都知道,哈哈 3、对象直接量我们也经常用，什么是对象直接量呢？ 对象直接量（也称为对象初始化程序）是由一个列表构成的，这个列表的元素是用冒号分隔的属性/值对，元素之间用逗号隔开了，整个列表包含在花括号之中。转载 2011-10-29 22:01:41 · 609 阅读 · 0 评论 -
js柯里化
今天一个不小心在书上又看到了函数柯里化 温故而知新，也顺便再记一笔。这里不介绍什么是柯里化函数。如果不懂的请自行Google。但是呢，我会从js设计模式这本书中，取一段柯里化代码片断，加上详细的注释。如果Google柯里化后，还是不懂的同学，可以读读这段注释 var currying = function(fn) { //这里保存每次的开销原创 2016-05-03 16:26:42 · 641 阅读 · 0 评论