首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

Prototype实战教程:Form.Element.Observer

<script src="prototype.js"></script> <form id="frm"> <div id="div1"> <input type="text" id="txt" name="txt" onchange="return alert('Now')"/> <input type="text" id="txt2" name="txt2" /> <input type="button" id="btn" name="btn" value="click" onclick="test(event)" /> <input type="submit" /> <a href="http://www.google.com" onclick="test2(event)">Google</a...
类别:网页编程 - JavaScript    查看:127    更新:2014-05-22

Prototype实战教程:Event.observe

<script src="prototype.js"></script> <input type="button" id="btn" value="click" /> <input type="button" id="reg" value="register" /> <input type="button" id="unreg" value="unregister" /> <div id="status"></div> <script> function test() { alert("clicked"); } Event.observe("reg", "click", function () { Event.observe("btn", "click", test, false); $("status").innerHT...
类别:网页编程 - JavaScript    查看:62    更新:2014-05-22

Prototype实战教程:Inserttion

<script src="prototype.js"></script> <div id="div1" style="font-size:20px;font-weight:bold"> <hr>基线<hr> </div> <script> new Insertion.After("div1", " After"); new Insertion.Bottom("div1", " Bottom"); new Insertion.Top("div1", " Top"); new Insertion.Before("div1", " Before"); </script>...
类别:网页编程 - JavaScript    查看:96    更新:2014-05-22

Prototype实战教程:Element

<html> <head> <script src="prototype.js"></script> <script> function testRemove() { Element.remove("mydiv3"); } function testReplace() { Element.replace("myDiv2",'<img src="200607061129268fc45.jpg">'); } </script> </head> <body> <div id="myDiv"> 2002 </div> <div id="myDiv1"> 2003 </div> <div id="myDiv2"> 2004 </div> <div id="myDiv3"> 将被删除的部分 </div> <div id="myDiv4&q...
类别:网页编程 - JavaScript    查看:86    更新:2014-05-22

Prototype实战教程:Array

<script src="prototype.js"></script> <script> /**//*var arr = [1,2,3,4,8,5,4,3]; // 依次输出1,2,3,4,5,4,3 arr.each( function (item, index) { if (item < 6) { alert(item); } else { throw $continue; } } ); // 依次输出1,2,3,4 arr.each( function (item, index) { if (item < 6) { alert(item); } else { throw $break; } } );*/ /**//* var arr = [1,2,3,4,5]; // arr = [1,2,3,4,5] arr.reverse(false); alert(arr.inspect()); // arr = [5,4,3,2,1] arr.reverse(); alert(arr.inspect()); var arr = [1,2,3,4,5]; arr.reverse(); // 返回2在arr中的序...
类别:网页编程 - JavaScript    查看:79    更新:2014-05-22

Prototype实战教程:顶层对象

<html> <head> <title>顶层元素</title> <script src="prototype.js"></script> <script> var Person=Class.create(); Person.prototype={ initialize:function(){}, name:'', birthday:'', age:'', Show:function(){alert("This is "+this.name);} }; function TestPerson() { var p=new Person(); p.name="Tom"; p.age=4; p.birthday="1997-7-1"; p.Show(); }; var User=Class.create(); User.prototype={ initialize:function(){}, userid:'', Report:function() { alert("UserID:"+this.userid...
类别:网页编程 - JavaScript    查看:136    更新:2014-05-22

Prototype实战教程:AJAX

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Ajax</title> <script type="text/javascript" language="javascript" src="prototype.js" ></script> <script type="text/javascript" language="javascript"> function test() { var myAjax = new Ajax.Request( 'http://www.wanfangdata.com.cn', { method: 'get', onComplete: showResponse } ); } f...
类别:网页编程 - JavaScript    查看:135    更新:2014-05-22

Prototype实战教程:$

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>$</title> <script type="text/javascript" language="javascript" src="prototype.js" ></script> <script type="text/javascript" language="javascript"> function test1() { var div = $("div1"); // 单个参数 alert(div.innerHTML); } function test2() { var divs = $("div1", "d...
类别:网页编程 - JavaScript    查看:60    更新:2014-05-22

Prototype实战教程:$R

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>$R</title> <script type="text/javascript" language="javascript" src="prototype.js" ></script> <script> // 依次输出1,2,3,4 function test_R1(){ var range = $R(1, 5, true); range.each(function(value, index){ alert(value); }); } // 依次输出1,2,3,4,5 function test_R2(){ var range = $R(1, 5, false); ra...
类别:网页编程 - JavaScript    查看:74    更新:2014-05-22

Prototype实战教程:$H

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>$H</title> <script type="text/javascript" language="javascript" src="prototype.js" ></script> <script> function test() { // 创建一个对象 var obj = { key1: 1, key2: 2, key3: 3 }; // 将其转换为Hash对象 var hash = $H(obj); alert(hash.toQueryString()); } </script> </head> <body> <...
类别:网页编程 - JavaScript    查看:83    更新:2014-05-22

Prototype实战教程:$F

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>$F</title> <script type="text/javascript" language="javascript" src="prototype.js" ></script> <script type="text/javascript" language="javascript"> function test() { alert($F("userName")); } </script> </head> <body> <form> <input type="text" ...
类别:网页编程 - JavaScript    查看:74    更新:2014-05-22

Prototype实战教程:$A

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>$A</title> <script language="javascript" src="prototype.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> function showOptions() { var someNodeList = $("lstFramework").getElementsByTagName("option"); var nodes = $A(someNodeLi...
类别:网页编程 - JavaScript    查看:94    更新:2014-05-22

Prototype实战教程:$$

<html> <head> <title>Test $$</title> <script src="prototype.js"></script> <script> function test$$(){ /**//* in case CSS is not your forte, the expression below says 'find all the INPUT elements that are inside elements with class=field that are inside a DIV with id equal to loginForm.' */ var f = $$('div#loginForm .field input'); var s = ''; for(var i=0; i<f.length; i++){ s += f[i].value + '/'; } alert(s); // shows: "joedoe1/secret/" //now passing more than one expression f = $$('div#loginFor...
类别:网页编程 - JavaScript    查看:104    更新:2014-05-22