JS
zsf0615020117
奔跑的我很快乐
展开
-
js处理table,双击可填写,光标离开不可写
闲来没事,写一个小例子。在备注一栏,刚开始不可修改,双击备注栏,信息即可修改,光标离开之后,信息又处于不可修改状态。姓名年龄备注张三20李四21王五18//为了兼容IE和火狐,将事件作为参数进行传递function getResorce(event){ var obj = event.srcElement?event.sr原创 2012-06-29 15:34:12 · 1361 阅读 · 0 评论 -
只有一列只能一次的排列
Table Sort Example function compareTRs(oTR1, oTR2) { var sValue1 = oTR1.cells[0].firstChild.nodeValue; var sValue2 = oTR2.cells[0].firstCh原创 2009-08-30 13:00:00 · 331 阅读 · 0 评论 -
带有图片的排列查询
Table Sort Example function convert(sValue, sDataType) { switch(sDataType) { case "int": return parseInt(sValue原创 2009-08-30 12:58:00 · 331 阅读 · 0 评论 -
多行排列(与前一篇同)
Table Sort Example function convert(sValue, sDataType) { switch(sDataType) { case "int": return parseInt(sValue原创 2009-08-30 12:09:00 · 363 阅读 · 0 评论 -
当鼠标移到某一元素上时候显示提示信息,离开时提示信息也消失
Style Example function showTip(oEvent) { var oDiv = document.getElementById("divTip1"); oDiv.style.visibility = "visible"; o原创 2009-08-30 10:23:00 · 7216 阅读 · 0 评论 -
移动窗体时候发生的事件
OnScroll Example window.onscroll = function () { var oTextbox = document.getElementById("txt1"); oTextbox.value += "/nscroll is at " + docu原创 2009-08-30 09:54:00 · 464 阅读 · 0 评论 -
事件整理
通过前面的实例说明,处理时间可以有两种方法,一种是通过引入js文件函数来调用,另一种是直接定义!原创 2009-08-30 09:50:00 · 278 阅读 · 0 评论 -
给层或者html中的某个元素添加删除事件
Add/Remove Event Handlers Example var EventUtil = new Object; EventUtil.addEventHandler = function (oTarget, sEventType, fnHandler) {原创 2009-08-30 08:19:00 · 1832 阅读 · 0 评论 -
通过JS增加节点来增加内容到原内容之前
insertBefore() Example function insertMessage() { var oNewP = document.createElement("p"); var oText = document.createTextNode("Hello Univ原创 2009-08-29 22:35:00 · 891 阅读 · 0 评论 -
元素随着鼠标移动
Simulated Drag And Drop Example function handleMouseMove(oEvent) { var oDiv = document.getElementById("div1"); oDiv.style.left = oE原创 2009-08-30 13:04:00 · 426 阅读 · 0 评论 -
107个常用的js语句
1. document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElemen原创 2009-08-30 13:29:00 · 394 阅读 · 0 评论 -
框架与树状结构菜单的结合
/* styles for the tree */ SPAN.TreeviewSpanArea A { font-size: 10pt; font-family: verdana,helvetica; text-decoration: none; color: black } SPAN.Treeview原创 2009-08-30 16:01:00 · 1078 阅读 · 0 评论 -
JS就是这么回事
《JavaScript就这么回事》来源:网络/二次编辑:Fl基础理论大师这篇贴子在网上广为流传,今天拿来和大家一起分享对于AS学习者来说,学习JS会相对容易很多,因为他们的语法和关键字都很像前言: 有些时候你精通一门语言,但是会发现你其实整天在和其它语言打交道,也许你以为这些微不足道,不至于影响你的开发进度,但恰恰是这些你不重视的东西会浪费你很多时间,我一直以为我早在几年前就已经精通原创 2009-08-30 13:33:00 · 384 阅读 · 0 评论 -
用鼠标随意的移动图片或其他元素
Simulated Drag And Drop Example var iDiffX = 0; var iDiffY = 0; function handleMouseMove() {原创 2009-08-30 13:02:00 · 424 阅读 · 0 评论 -
对于一系列数据通过单击进行排序(每次只能单击一次)
Table Sort Example function generateCompareTRs(iCol) { return function compareTRs(oTR1, oTR2) { var sValue1 = oTR1.ce原创 2009-08-30 11:52:00 · 396 阅读 · 0 评论 -
限制文本框的输入长度
Tab Forward Example Enter your phone number below (U.S. style ###-###-####):原创 2009-08-30 11:51:00 · 781 阅读 · 0 评论 -
根据首字母自动查找功能的实现
Autosuggest Textbox Example var arrColors = ["red", "orange", "yellow", "green", "blue", "indigo", "violet", "brown", "black", "tan原创 2009-08-30 10:42:00 · 1045 阅读 · 0 评论 -
展开与折叠菜单栏
Style Example function toggle(sDivId) { var oDiv = document.getElementById(sDivId); oDiv.style.display = (oDiv.style.display == "none") ? "原创 2009-08-30 10:01:00 · 972 阅读 · 0 评论 -
呈现树状结构的菜单
NS4 = (document.layers) ? 1 : 0; IE4 = (document.all) ? 1 : 0; ver4 = (NS4 || IE4) ? 1 : 0; if (ver4) { with (document) { write(""); if (NS4) { write(".par原创 2009-08-30 13:11:00 · 397 阅读 · 0 评论 -
将光标定位于某个元素之上
Select Text Example function selectText() { var oTextbox1 = document.getElementById("txt1"); oTextbox1.focus(); oTextbox1.se原创 2009-08-30 10:19:00 · 559 阅读 · 0 评论 -
staticexample
Examplefunction sayHi() { alert("hi");}sayHi.alternate = function() { alert("hola");};sayHi(); //outputs "hi"sayHi.alternate(); //outputs "hola"原创 2009-08-29 21:31:00 · 409 阅读 · 0 评论 -
Stackexample
Examplevar stack = new Array;stack.push("red");stack.push("green");stack.push("yellow");alert(stack.toString()); //outputs "red,green,yellow"var vItem = stack.pop();alert(vItem); /原创 2009-08-29 21:28:00 · 432 阅读 · 1 评论 -
randomexample
Examplefunction selectFrom(iFirstValue, iLastValue) { var iChoices = iLastValue - iFirstValue + 1; return Math.floor(Math.random() * iChoices + iFirstValue);}//select from between 2 and 10var原创 2009-08-29 21:23:00 · 381 阅读 · 0 评论 -
对象的工厂模式创建
Factory Examplefunction createCar(sColor, iDoors, iMpg) { var oTempCar = new Object; oTempCar.color = sColor; oTempCar.doors = iDoors; oTempCar.mpg = iMpg; oTempCar.showColor = functio原创 2009-08-29 21:20:00 · 305 阅读 · 0 评论 -
Javascript定义类或对象之动态原型法
在javascrip定义类和对象有很多种方法,但是,对于动态原型方法定义的方式,我还是很陌生的.今天看了js高级程序设计才发现,动态原型方法的基 本思想与混合的构造函数/原型方式相同,即在构造函数内定义非函数属性,而函数属性则利用原型属性定义.唯一的区别是赋予对象方法的位置. 下面是用动态原型方法来写Car类:function Car(sColor, iDoors, iMpg) {转载 2009-08-29 21:12:00 · 891 阅读 · 0 评论 -
对象不同使用的区别
Examplefunction Car(sColor, iDoors, iMpg) { this.color = sColor; this.doors = iDoors; this.mpg = iMpg; this.drivers = new Array("Mike", "Sue");}Car.prototype.showColor = function () {原创 2009-08-29 21:04:00 · 350 阅读 · 0 评论 -
精简test1
Constructor Examplefunction Car(sColor, iDoors, iMpg) { this.color = sColor; this.doors = iDoors; this.mpg = iMpg; this.showColor = function () { alert(this.color) };}var oCar原创 2009-08-29 20:43:00 · 285 阅读 · 0 评论 -
继承
Examplefunction ClassA(sColor) { this.color = sColor;}ClassA.prototype.sayColor = function () { alert(this.color);};function ClassB(sColor, sName) { ClassA.call(this, sColor); this.nam原创 2009-08-29 21:57:00 · 310 阅读 · 0 评论 -
JS继承机制
1. 对象冒充 a. 直接实现 例:function ClassA(sColor) ...{ this.color = sColor; this.sayColor = function () ...{ alert(this.color); };}function ClassB(sColor, sName) ...{ this.newMethod = C转载 2009-08-29 22:04:00 · 465 阅读 · 0 评论 -
Frame
Frameset Example ---------------------------------------------red.html: redFrame redFrame window.name =document.write(windo原创 2009-08-29 22:19:00 · 286 阅读 · 0 评论 -
窗体在载入与离开时候的事件处理
OnUnload Example Navigate to another page or close the window.原创 2009-08-30 09:58:00 · 328 阅读 · 0 评论 -
键盘事件
Key Events Example function handleEvent(oEvent) { var oTextbox = document.getElementById("txt1"); oTextbox.value += "/n>" + oEvent.type;原创 2009-08-30 09:17:00 · 375 阅读 · 0 评论 -
更多事件处理(实用)
Mouse Events Example EventUtil.addEventHandler(window, "load", function () { var oDiv = document.getElementById("div1");原创 2009-08-30 08:40:00 · 379 阅读 · 0 评论 -
通过JS增加节点来增加内容2
insertBefore() Example function addMessages() { var arrText = ["first", "second", "third", "fourth", "fifth", "sixth", "seventh", "eighth", "ninth", "tent原创 2009-08-29 22:32:00 · 458 阅读 · 0 评论 -
通过JS增加节点来增加内容到原内容之后
appendChild() Example function appendMessage() { var oNewP = document.createElement("p"); var oText = document.createTextNode("Hello Univer原创 2009-08-29 22:29:00 · 436 阅读 · 0 评论 -
自动打开另一个页面并且当前页面不能返回查看
You wont be able to get back here Enjoy this page for a second, because you wont be coming back here. setTimeout(function () { location.r原创 2009-08-29 22:26:00 · 845 阅读 · 0 评论 -
用js来输出内容
Document Write Example document.write("this is a test")原创 2009-08-29 22:23:00 · 311 阅读 · 0 评论 -
通过单击按钮产生一个新的没有任务栏的窗体
Document Open/Close Example This example pops up a new window and then writes a string to it. Do to new popup blockers, this code can only run when you click the foll原创 2009-08-29 22:22:00 · 313 阅读 · 0 评论 -
test1
Examplefunction createCar(color, doors, mpg) { var tempcar = new Object; tempcar.color = color; tempcar.doors = doors; tempcar.mpg = mpg; tempcar.showColor = function () { alert原创 2009-08-29 20:41:00 · 313 阅读 · 0 评论