亚洲综合激情五月丁香六月 ,久久av无码专区亚洲av桃花岛,久久亚洲精品人成综合网

Vincent-chen — Mon, 24 Nov 2008 16:00:00 GMT

摘要: JavaScript由ECMAScript�Q�基本语法）�Q�BOM和DOM�l�成�Q�下面是对JS中一些对象的�ȝ��? 一.BOM BOM指（Brower Object Model�Q�浏览器对象模型�?从BOM的角度看�Q�侧重于从集合的角度看问题，把页面划分�ؓ不同的部分，以及��面本��n的一些属性，如背景色�Q�标题名�U�等�Q�由于BOM的实现是��Z��览器的�Q�所以不同浏览器的属性和�Ҏ��有不一致之处，�q�造成很多�ȝ��。注... 阅读全文

Vincent-chen 2008-11-25 00:00 发表评论

HTML DOM基础知识

Vincent-chen — Mon, 24 Nov 2008 15:58:00 GMT

一�Q�什么是DOM
HTML文档对象模型�Q�HTML Document Object Model�Q�定义了讉K��和处理HTML文档的标准方法。HTML DOM 把HTML文档呈现为带有元素、属性和文本的树�l�构�Q�节�Ҏ��Q��?

�?998�q�_��W3C发布了第一�U�的DOM规范。这个规范允许访问和操作HTML��面中的每一个单独的元素。所有的��览器都执行了这个标准，因此�Q�DOM的兼�Ҏ��问题也几乎难觅�t�媄了�?

DOM可被JavaScript用来��d��、改变HTML、XHTML以及XML文档。被分�ؓ不同的部分（核心、XML及HTML�Q�和�U�别�Q�DOM Level 1/2/3�Q�：

Core DOM
定义了一套标准的针对��M��l�构化文档的对象

XML DOM
定义了一套标准的针对XML文档的对�?

HTML DOM
定义了一套标准的针对HTML文档的对象�?

二．文档�?节点�?
如下HTML文档�Q?

Java代码

DOM Tutorial
DOM Lesson one
Hello world!



DOM Tutorial


DOM Lesson one
Hello world!

1)除文档节点之外的每个节点都有父节炏V�?

2)大部分元素节炚w��有子节点�?

3)当节点分享同一个父节点�Ӟ��它们��是同辈�Q�同�U�节点）

4)节点也可以拥有后代，后代指某个节点的所有子节点�Q�或者这些子节点的子节点

5)节点也可以拥有先辈。先辈是某个节点的父节点�Q�或者父节点的父节点

三．节点信息
每个节点都拥有包含着关于节点某些信息的属性。这些属性是�Q?
nodeName�Q�节点名�U�ͼ� ,nodeValue�Q�节点��|��, nodeType�Q�节点类型）

1.nodeName
nodeName属性含有某个节点的名称�?
元素节点的nodeName是标�{�֐��U?
属性节点的nodeName是属性名�U?
文本节点的nodeName永远�?text
文档节点的nodeName永远�?document
注释�Q�nodeName所包含的XML元素的标�{�֐��U�永�q�是大写�?

2.nodeValue
对于文本节点�Q�nodeValue属性包含文本�?
对于属性节点，nodeValue属性包含属性倹{�?
nodeValue属性对于文档节点和元素节点是不可用的�?

3.nodeType
nodeType属性可�q�回节点的类型�?

最重要的节点类型是�Q?
元素�c�d�� 节点�c�d��
元素 1
属�?2
文本 3
注释 8
文档 9

四．查找节点
1�Q�通过使用 getElementById() 和getElementsByName()�?getElementsByTagName() �Ҏ��

2.通过使用一个元素节点的childNodes,parentNode、firstChild以及lastChild属�?

根节�?/span>
有两�U�特�D�的文档属性可用来讉K��根节点：
document.documentElement 可返回存在于XML以及HTML文档中的文档根节�?
document.body 对HTML��面的特�D�扩展，提供了对标签的直接访�?

大小: 19.1 KB

Vincent-chen 2008-11-24 23:58 发表评论

getElementById与getElementsByName 与getElementsByTagName�ȝ��

Vincent-chen — Mon, 24 Nov 2008 15:57:00 GMT

1.getElementById
作用�Q�一般页面里ID是唯一的，用于准备定�ؓ一个元�?
语法�Q?document.getElementById(id)
参数�Q�id :必选项为字�W�串(String)
�q�回��|��对象; �q�回相同id对象中的�W�一个，按在��面中出现的�ơ序,如果无符合条件的对象�Q�则�q�回 null

Java代码

example�Q�document.getElementById("id1").value;

example�Q�document.getElementById("id1").value;

2.getElementsByName
作用�Q�按元素的名�U�查找，�q�回一个同名元素的数组
语法�Q?document.getElementsByName(name)
参数�Q�name :必选项为字�W�串(String)
�q�回��|��数组对象; 如果无符合条件的对象�Q�则�q�回�I�数�l�，按在��面中出现的�ơ序

Java代码

example�Q�document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;

example�Q�document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;

3.getElementsByTagName
作用�Q�按HTML标签名查询，�q�回一个相同标�{�օ�素的数组
语法�Q?object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement�{?
参数�Q�tagname:必选项为字�W�串(String)�Q�根据HTML标签��索�?
�q�回��|��数组对象; 如果无符合条件的对象�Q�则�q�回�I�数�l�，按在��面中出现的�ơ序

Java代码

example�Q�document.getElementsByTagName("p")[0].childNodes[0].nodeValue;
document.getElementsByTagName("p")[1].childNodes[0].nodeValue

Vincent-chen 2008-11-24 23:57 发表评论

�ȝ��JS打印�Ҏ��

Vincent-chen — Mon, 24 Nov 2008 15:51:00 GMT

对JS的打印方法�ȝ��一下，方便日后查阅�?

一�Q�用JS自带函数打印

直接调用

Java代码

"javascript:window.print();">打印

打印

二．IEWebBrowser�l��g

介绍

http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#top
http://support.microsoft.com/kb/q247671/#appliesto

Java代码

0 id=WebBrowser width=0>
1,1) type=button value=打开>
2,1) type=button value=关闭所�?gt;
4,1) type=button value=另存�?gt;
6,1) type=button value=打印>
6,6) type=button value=直接打印>
7,1) type=button value=打印预览>
8,1) type=button value=��面讄��>
10,1) type=button value=属�?gt;
17,1) type=button value=全�?gt;
22,1) type=button value=��h��>
45,1) type=button value=关闭>

三．使用ScriptX.cab控�g

1�Q�下载ScriptX.cab控�g

官网http://www.meadroid.com/scriptx/index.asp

2�Q��用object元素�Q�修改codebase�Q�classid的�?/strong>

�q�里调用控�gScriptX.cab

Java代码

"factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext>

�q�段代码用来加蝲cab文�g�Q�clsid和codebase必须要和你下载的cab中的信息对应�Q�否则组件会加蝲错误�Q�这两项其实不难找，只要你用winrar打开你下载的cab文�g�Q�然后找到扩展名�?inf的文�Ӟ��然后打开之，��p��看到了�?

3�Q�调用控件脚�?/strong>

Print.js文�g

Java代码

function setPrintBase(headerText,footerText,rootUrl) {



    // -- advanced features  �Q�未曾��用过�Q�有待确认�?



        //factory.printing.SetMarginMeasure(2); // measure margins in inches



        //factory.SetPageRange(false, 1, 3);// need pages from 1 to 3



        //factory.printing.printer = "HP DeskJet 870C";



        //factory.printing.copies = 2;



        //factory.printing.collate = true;



        //factory.printing.paperSize = "A4";



        //factory.printing.paperSource = "Manual feed"



    var header = (headerText==null||headerText=="")?'默认��늜�':headerText;



    var footer = (footerText==null||footerText=="")?'默认��角':footerText;



  factory.printing.header = "&b"+header+"&b" ;



  factory.printing.footer = "&b"+footer;



  factory.printing.portrait = true;



  factory.printing.leftMargin =10.00;



  factory.printing.topMargin =10.00;



  factory.printing.rightMargin =10.00;



  factory.printing.bottomMargin =10.00;



}

function setPrintBase(headerText,footerText,rootUrl) { // -- advanced features �Q�未曾��用过�Q�有待确认�? //factory.printing.SetMarginMeasure(2); // measure margins in inches //factory.SetPageRange(false, 1, 3);// need pages from 1 to 3 //factory.printing.printer = "HP DeskJet 870C"; //factory.printing.copies = 2; //factory.printing.collate = true; //factory.printing.paperSize = "A4"; //factory.printing.paperSource = "Manual feed" var header = (headerText==null||headerText=="")?'默认��늜�':headerText; var footer = (footerText==null||footerText=="")?'默认��角':footerText; factory.printing.header = "&b"+header+"&b" ; factory.printing.footer = "&b"+footer; factory.printing.portrait = true; factory.printing.leftMargin =10.00; factory.printing.topMargin =10.00; factory.printing.rightMargin =10.00; factory.printing.bottomMargin =10.00; }

例子

Java代码

<%@ page contentType="text/html;charset=GBK"%>







"imagetoolbar" content="no">

"javascript" src="print.js">

"print">

.Noprint   {DISPLAY:   none;}



打印��试



"factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext>





function window.onload() {

setPrintBase('��늜�','��脚');

}



"0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">

class="Noprint">

"打印" onclick="factory.printing.Print(true)">

"��面讄��" onclick="factory.printing.PageSetup()">

"打印预览" onclick="factory.printing.Preview()">

"button" value="关闭" onclick="window.close();">





      "100%" border="0" cellpadding="0" cellspacing="0">

          "center">内容









<%@ page contentType="text/html;charset=GBK"%> 打印��试

内容

四．�Ҏ��

1�Q�Window.print调用方便�Q�但功能��?

2�Q�功能更强大�Q�但使用IEWebBrowser有时会报JS没有权限的错误�?

3�Q�ScriptX控�g功能也比较强大，目前在��用这�U�方式�?

Vincent-chen 2008-11-24 23:51 发表评论

学习Cookie

Vincent-chen — Mon, 24 Nov 2008 15:48:00 GMT
看到好多�|�站提供��C��用户名或密码的功�?上网搜了些关于cookie的文章学习整理一�?
一.什么是Cookies?

你会问，什么是cookies�? cookie 是浏览器保存在用戯��机上的��量数据。它与特定的WEB��|��WEB站点兌��h��Q�自动地在WEB��览器和WEB服务器之间传递�?

比如�Q�如果你�q�行的是Windows操作�pȝ��Q��用Internet Explorer上网�Q�那么你会发现在你的“Windows”目录下面有一个子目录�Q�叫�?#8220;Temporary Internet Files”。如果你有空看看�q�个目录�Q�就会发现里面有一些文�Ӟ��文�g名称看�v来就象电子邮件地址。比如在我机器上的这个目录里�Q�就�?“XX@support.microsoft.com”�q�样的文件。这是一个cookie 文�g�Q�这个文件从哪来呢？猜一猜，它来自微软的支持站点�?
对于��理�l�小的、不重要的、不想保存在中央数据库里的细节信息，Cookies 是个很不错的�Ҏ��。（�q�不是说大家的名字不重要。）比如�Q�目前网站上不断增长的自定义服务�Q�可以�ؓ每个用户定制他们要看的内宏V��如果你设计的就是这样一个站点，那么你怎么来管理这��L��信息�Q�一个用户喜�Ƣ绿色的菜单条，而另一个喜�Ƣ红色的。确实是个篏人的问题。不�q�，�q�样的信息，可以很安全地记录到cookie�Q��ƈ保存在用��L��计算��Z��Q�而你自己的数据库�I�间可以留给更长久更有意义的数据�?

�ȝ�� Cookies 对于安全用途，通常很有用。我不想在此��p��一问题�q�于深入�Q�只是提供一个示例，可以看到如何使用在一�D�|��间之后过期的cookies来保证站点安全：

1. 使用用户名和口��o�Q�通过 SSL ��d��?
2. 在服务器的数据库里检查用户名和口令。如果登录成功，建立一个当前时间标�{��消息摘要 (比如 MD5) �Q��ƈ把它保存在cookie和服务器数据库里。把用户的登录时间保存在服务器数据库里面的用戯��录里�?
3. 在进行每个安全事务时�Q�用户处于登录状态的��M��事务�Q�，把cookie的消息摘要和保存在服务器数据库里的摘要进行比较，如果比较��p�|�Q�就把用户引导到��d��界面�?
4. 如果�W?步检查通过�Q�那么检查当前时间和��d��旉��之音�l�过的时间是否超�q�允许的旉��长度。如果用户已�l�超�Ӟ��那么��把用户引到��d��界面�?
5. 如果�W?步和�W?步都通过了，那么把登录时间重新设�|�成当前旉��Q�允�怺�务发生。那些需要你��d��的安全站点，可能多数使用的都是和�q�里介绍的类似的�Ҏ��?

�?Cookie的构�?/span>

     Cookies最初设计时�Q�是��Z��CGI�~�程。但是，我们也可以��用Javascript脚本来操�U�cookies�?

     在Javascript脚本里，一个cookie 实际��是一个字�W�串属性。当你读取cookie的值时�Q�就得到一个字�W�串�Q�里面当前WEB��用的所有cookies的名�U�和倹{��每个cookie除了name名称和value��D��两个属性以外，�q�有四个属性。这些属性是�Q?expires�q�期旉��?path路径�?domain域、以�?secure安全�?

1.Expires–�q�期旉��

   指定cookie的生命期。具体是值是�q�期日期。如果想让cookie的存在期限超�q�当前浏览器会话旉��Q�就必须使用�q�个属性。当�q�了到期日期�Ӟ��览器就可以删除cookie文�g�Q�没有�Q何媄响�?

2.Path–路径

      指定与cookie兌��的WEB��c��值可以是一个目录，或者是一个�\径。如果http://www.zdnet.com/devhead/index.html 建立了一个cookie�Q�那么在http://www.zdnet.com/devhead/目录里的所有页面，以及该目录下面�Q何子目录里的��面都可以访问这个cookie。这��是��_��在http://www.zdnet.com/devhead/stories/articles 里的��M��面都可以访问http://www.zdnet.com/devhead/index.html建立的cookie。但是，如果http://www.zdnet.com/zdnn/ 需要访问http://www.zdnet.com/devhead/index.html讄��的cookes�Q�该怎么办？�q�时�Q�我们要把cookies 的path属性设�|�成“/”。在指定路径的时候，凡是来自同一服务器，URL里有相同路径的所有WEB��面都可以共享cookies。现在看另一个例子：如果惌�� http://www.zdnet.com/devhead/filters/ 和http://www.zdnet.com/devhead/stories/�׃�ncookies�Q�就要把path设成“/devhead”�?

3.Domain–�?/strong>

       指定兌��的WEB服务器或域。值是域名�Q�比如zdnet.com。这是对path路径属性的一个�g伸。如果我们想�?catalog.mycompany.com 能够讉K��shoppingcart.mycompany.com讄��的cookies�Q�该怎么�? 我们可以把domain属性设�|�成“mycompany.com”�Q��ƈ把path属性设�|�成“/”。FYI�Q�不能把cookies域属性设�|�成与设�|�它的服务器的所在域不同的倹{�?

4.Secure–安全

     指定cookie的值通过�|�络如何在用户和WEB服务器之间传递。这个属性的值或者是“secure”�Q�或者�ؓ�I�。缺省情况下�Q�该属性�ؓ�I�，也就是��用不安全的HTTP�q�接传递数据。如果一�?cookie 标记为secure�Q�那么，它与WEB服务器之间就通过HTTPS或者其它安全协议传递数据。不�q�，讄��了secure属性不代表其他��Z��能看��C��机器本地保存的cookie。换句话��_��把cookie讄��为secure�Q�只保证cookie与WEB服务器之间的数据传输�q�程加密�Q�而保存在本地的cookie文�g�q�不加密。如果想让本地cookie也加密，得自己加密数据�?

�?操作Cookies

     误��住，cookie��是文档的一个字�W�串属性。要保存cookie�Q�只要徏立一个字�W�串�Q�格式是name=�Q�名�U�ͼ��|��Q�然后把文档�?document.cookie 讄��成与它相�{�即可。比如，假设想保存表单接收到的用户名�Q�那么代码看��h��p��q�样�Q?

Java代码

document.cookie = "username=" + escape(form.username.value);

document.cookie = "username=" + escape(form.username.value);

在这里，使用 escape() �~�码函数非常重要�Q�因为cookie值里可能包含分号、逗号或者空根{��这��是��_��在读取cookie值时�Q�必��M��用对应的unescape()函数�l��D��码�?

1.cookie的四个属�?/strong>

name=[; expires=][; domain=][; path=][; secure]

名称=<�?gt;[; expires=<日期>][; domain=<�?gt;][; path=<路径>][; 安全], �?应当用对应的值替换�?

2.应当使用GMT格式
可以使用Javascript脚本语言的日期类Date�?toGMTString() �Ҏ��得到�q�一GMT格式的日期倹{�?

3.�Ҏ��号代表这��Ҏ��可选的
比如�?[; secure]两边的方括号代表要想把cookie讄��成安全的�Q�就需要把"; secure" 加到cookie字符串值的后面。如�?; secure" 没有加到cookie字符串后面，那么�q�个cookie��是不安全的�?

4.不要把尖括号<> 和方括号[] 加到cookie�?/strong>
�Q�除非它们是某些值的内容�Q�设�|�属性时�Q�不限属性，可以用�Q何顺序设�|��?

下面是一个例子，在这个例子里�Q�cookie "username" 被设�|�成�?5分钟之后�q�期�Q�可以被服务器上的所有目录访问，可以�?mydomain.com"域里的所有服务器讉K��Q�安全状态�ؓ安全�?

Java代码

// Date() 的构造器讄��以毫�U��ؓ单位

// .getTime() �Ҏ��q�回旉��Q�单位�ؓ毫秒

// 所以要讄��15分钟到期�Q�要�?0000毫秒�?5分钟

var expiration = new Date((new Date()).getTime() + 15 * 60000);

document.cookie = "username=" + escape(form.username.value)+ "; expires ="

+ expiration.toGMTString() + "; path=" + "/" + "; _

domain=" + "mydomain.com" + "; secure";

// Date() 的构造器讄��以毫�U��ؓ单位 // .getTime() �Ҏ��q�回旉��Q�单位�ؓ毫秒 // 所以要讄��15分钟到期�Q�要�?0000毫秒�?5分钟 var expiration = new Date((new Date()).getTime() + 15 * 60000); document.cookie = "username=" + escape(form.username.value)+ "; expires =" + expiration.toGMTString() + "; path=" + "/" + "; _ domain=" + "mydomain.com" + "; secure";

��d��cookies值有点象个小把戏�Q�因��Z��一�ơ就得到了属于当前文档的所有cookies�?

// 下面�q�个语句��d��了属于当前文档的所有cookies

Java代码

var allcookies = document.cookie;

var allcookies = document.cookie;

现在�Q�我们得解析allcookies变量里的不同cookies�Q�找到感兴趣的指定cookie。这个工作很��单，因�ؓ我们可以利用Javascript语言提供的扩展字�W�串支持�?

如果我们对前面分配的cookie "username" 感兴��，可以用下面的脚本来读取它的倹{�?

Java代码

// 我们定义一个函敎ͼ�用来��d��特定的cookie倹{�?

function getCookie(cookie_name)

{

var allcookies = document.cookie;

var cookie_pos = allcookies.indexOf(cookie_name);



// 如果扑ֈ�了烦引，��׃��表cookie存在�Q?

// 反之�Q�就说明不存在�?

if (cookie_pos != -1)

{

// 把cookie_pos攑֜�值的开始，只要�l�值加1卛_��?

cookie_pos += cookie_name.length + 1;

var cookie_end = allcookies.indexOf(";", cookie_pos);

if (cookie_end == -1)

{

cookie_end = allcookies.length;

}



var value = unescape(allcookies.substring(cookie_pos, cookie_end));

}

return value;

}

// 我们定义一个函敎ͼ�用来��d��特定的cookie倹{�? function getCookie(cookie_name) { var allcookies = document.cookie; var cookie_pos = allcookies.indexOf(cookie_name); // 如果扑ֈ�了烦引，��׃��表cookie存在�Q? // 反之�Q�就说明不存在�? if (cookie_pos != -1) { // 把cookie_pos攑֜�值的开始，只要�l�值加1卛_��? cookie_pos += cookie_name.length + 1; var cookie_end = allcookies.indexOf(";", cookie_pos); if (cookie_end == -1) { cookie_end = allcookies.length; } var value = unescape(allcookies.substring(cookie_pos, cookie_end)); } return value; }

// 调用函数

Java代码

var cookie_val = getCookie("username");

var cookie_val = getCookie("username");

上面例程里的 cookie_val 变量可以用来生成动态内容，或者发送给服务器端CGI脚本�q�行处理。现在你知道了��用Javascript脚本操纵cookies的基本方法。但是，如果你跟我一��P��那么我们要做的第一件事�Q�就是徏立一些接口函敎ͼ�把cookies处理上的�ȝ��隐藏��h��。不�q�，在你开始编�E�之前，�E�候片刅R��这些工作，早就有�h替你做好了。你要做的，只是到哪��L��q�些接口函数而已�?

   比如�Q�在David Flangan的Javascript: The Definitive Guide 3rd Ed.�q�本书里�Q�可以找到很好的cookie应用�c�R��你也可以在Oreilly的WEB站点上找到这本书里的例子。本文最后的链接列表里，有一些访问这些cookie�C�Z��的直接链接�?

�?Cookies 的隐�?

1.Cookies 安全�?/strong>
   因�ؓ某些原因Cookies 的名声很不好。许多�h利用cookies做一些卑鄙的事情�Q�比如流量分析、点击跟�t�。Cookies 也不是非常安全，特别是没有secure属性的cookies。不�q�，即��你用了安全的cookies�Q�如果你和别人共用计��机�Q�比如在�|�吧�Q�那么别人就可以�H�探计算机硬盘上未加密保存的cookie文�g�Q�也��有可能�H�取你的敏感信息。所以，如果你是一个WEB开发�h员，那么你要认真考虑�q�些问题。不要滥用cookies。不要把用户可能认�ؓ是敏感的数据保存在cookies里。如果把用户的社会保险号、信用卡��L��保存在cookie里，�{�于把这些敏感信息放在窗��L��下，无异于把用户投到极大危险之中。一个好的原则是�Q�如果你不想陌生��Z��解你的这些信息，那就不要把它们保存在cookies里�?

2.cookies�q�有一些实际的限制
Cookies保留在计��机上，不跟着用户走。如果用��h��换计��机�Q�那么新计算机无法得到原来的cookie。甚至用户在同一台计��机上��用不同浏览器�Q�也得不到原来的cookie�Q�Netscape 不能��d��Internet Explorer 的cookies�?

3.用户不愿意接受cookies
所以不要以为所有的��览器都能接受你发出的cookies。如果浏览器不接受cookies�Q�你要保证自��q��WEB站点不致因此而崩溃或中断�?

4.WEB ��览器能保留的cookies不一定能��过300�?/strong>
也没有标准规定浏览器什么时候、怎么样作废cookies。所以达到限制时�Q�浏览器能够有效地随机删除cookies。浏览器保留的来自一个WEB服务器上的cookies�Q�不��过20个，每个cookie的数据（包括名称和��|��Q�不��过4K字节.

[b]��M��Q�注意保持cookie��单。不要依赖cookies的存在，不要在每个cookie里保存太多信息。不要保存太多的cookes。但是，抛除�q�些限制�Q�在技巧高��的WEB��理员手里，cookie的概忉|��一个有用的工具�?/span>

Vincent-chen 2008-11-24 23:48 发表评论

几种JS框架

Vincent-chen — Mon, 24 Nov 2008 15:47:00 GMT
以前看到�|�站有好多�h在讨论Prototype之类的东西，一直没太在意，最�q�偶��在�|�上查了一下，才知道他是什么东西，看来自己太落后了�Q�有点脱��ȝ��会很久的感觉�Q�呵��c�?
在网上狂搜了一阵，把一些JS框架的相兌��料整理下,��Z��后学习用.

一�Q�Prototype
   prototype.js是由Sam Stephenson写的一个javascript�c�d��。这个构思奇妙，而且兼容标准的类库，能帮助你��L��建立有高度互动的web2.0�Ҏ��的富客��L��面
官方�|�站
http://www.prototypejs.org/

使用手册�Q�关于各函数的注�?
http://www.cnblogs.com/thinhunan/archive/2006/04/01/364404.html

【Prototype 1.4.0】源码解�?---全文注释�?坚强2002最新奉�?
http://www.cnblogs.com/me-sa/articles/605263.html

二．MooTools
MooTools是一个简�z�，模块化，面向对象的JavaScript框架。它能够帮助你更快，更简单地�~�写可扩展和兼容性强的JavaScript代码。Mootools跟prototypejs相类��|��语法几乎一栗��但它提供的功能要比prototypejs多，而且更强大。比如增加了动画�Ҏ��、拖放操作等�{�。徏议大家可以用它来代替prototypejs�?

官网�Q?a href="javascript:if(confirm('http://mootools.net/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://mootools.net/'" target="_blank" tppabs="http://mootools.net/">http://mootools.net/

三．jQuery
jQuery 是一个新型的JavaScript�?

jQuery是一个简�z�快速的JavaScript库，它能让你在你的网��上��单的操作文档、处理事件、运行动��L��果或者添加Ajax交互。jQuery的设计会改变你写JavaScript代码的方式�?

jQuery适合于设计师、开发者以及那些还好者，同样适合用于商业开发，可以说jQuery适合��M��JavaScript应用的地方，可用于不用的应用�E�序�?

jQuery是一个轻量��的脚本，其代码非常小巧，JavaScript包只�?5K左右�?

jQuery支持CSS1-CSS3,以及基本的xPath

jQuery是跨��览器的�Q�它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+

官网�Q?a href="javascript:if(confirm('http://jquery.com/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://jquery.com/'" target="_blank" tppabs="http://jquery.com/">http://jquery.com/

�?DOJO
Dojo是一个非常强大面向对象，开源的JavaScript工具��。它为开发Web胖客��L��E�序提供了一套完整的Widget和一些特效操作�?

官网�Q?a href="javascript:if(confirm('http://dojotoolkit.org/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://dojotoolkit.org/'" target="_blank" tppabs="http://dojotoolkit.org/">http://dojotoolkit.org/

�?EXT
   Ext(yui-ext)是一�l�扩展自Yahoo!UI�Q�具有CS风格的Web用户界面�l��g。主要UI包括�Q�dialog�Q�grid�Q�layout�Q�tabs�{��?

官网�Q?a href="javascript:if(confirm('http://extjs.com/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://extjs.com/'" target="_blank" tppabs="http://extjs.com/">http://extjs.com/

Vincent-chen 2008-11-24 23:47 发表评论

javascript��结(�?

Vincent-chen — Mon, 24 Nov 2008 15:43:00 GMT

一.链接提交form

Java代码

"javascript" >

       function Search(page){

    searchForm.action="finance/manageExpend.do?method=searchCashExpend&curPage="+page;

        document.searchForm.submit();

}





"javascript:Search(<%=page%>)">��늠�

��늠�

�?��h��
��h��iframe

Java代码

document.all.frameName.src=url ;

document.all.frameName.src=url ;

��h��指定url

Java代码

Window.location.href=url

Window.location.href=url

��h��本页

Java代码

wondow.location.reload()

wondow.location.reload()

��h��囄��

Java代码

document.all.Image1.src=url;

document.all.Image1.src=url;

�?�q�回主页/前页

Java代码

�q�回前页�Q��用OnClick="history.go(-1)"

�q�回主页�Q��用OnClick='top.location.href="index.jsp"'

"javascript:history.back()">后退

"javascript:history.go()">前进

"javascript:location.reload()">��h��

�q�回前页�Q��用OnClick="history.go(-1)" �q�回主页�Q��用OnClick='top.location.href="index.jsp"' 后退前进 ��h��

四、window.open()
1.语法

Java代码

window.open(pageURL,name,parameters)

window.open(pageURL,name,parameters)

其中�Q?
pageURL 为子�H�口路径
name 为子�H�口句柄
parameters 为窗口参�?各参数用逗号分隔)
2.例子

Java代码



   脚本�q�行后，page.html��在新窗体newwindow中打开�Q�宽�?00�Q�高�?00�Q�距屏顶0象素�Q�屏�?象素�Q�无工具条，无菜单条�Q�无滚动条，不可调整大小�Q�无地址栏，无状态栏。请对照�?

3、各��参�?/strong>
上例中涉及的为常用的几个参数�Q�除此以外还有很多其他参�?其中yes/no也可使用1/0�Q�pixel value为具体的数��|��单位象素�?

参数 | 取��D��?| 说明

Java代码

alwaysLowered | yes/no | 指定�H�口隐藏在所有窗口之�?nbsp;

alwaysRaised | yes/no | 指定�H�口悬��Q在所有窗口之�?nbsp;

depended | yes/no | 是否和父�H�口同时关闭

directories | yes/no | Nav2�?/span>3的目录栏是否可见

height | pixel value | �H�口高度

hotkeys | yes/no | 在没菜单栏的�H�口中设安全退出热�?nbsp;

innerHeight | pixel value | �H�口中文档的像素高度

innerWidth | pixel value | �H�口中文档的像素宽度

location | yes/no | 位置栏是否可�?nbsp;

menubar | yes/no | 菜单栏是否可�?nbsp;

outerHeight | pixel value | 讑֮��H�口(包括装饰�Ҏ��)的像素高�?nbsp;

outerWidth | pixel value | 讑֮��H�口(包括装饰�Ҏ��)的像素宽�?nbsp;

resizable | yes/no | �H�口大小是否可调�?nbsp;

screenX | pixel value | �H�口距屏�q�左边界的像素长�?nbsp;

screenY | pixel value | �H�口距屏�q�上边界的像素长�?nbsp;

scrollbars | yes/no | �H�口是否可有滚动�?nbsp;

titlebar | yes/no | �H�口题目栏是否可�?nbsp;

toolbar | yes/no | �H�口工具栏是否可�?nbsp;

Width | pixel value | �H�口的像素宽�?nbsp;

z-look | yes/no | �H�口被激�z�d��是否��在其它�H�口之上

alwaysLowered | yes/no | 指定�H�口隐藏在所有窗口之�? alwaysRaised | yes/no | 指定�H�口悬��Q在所有窗口之�? depended | yes/no | 是否和父�H�口同时关闭 directories | yes/no | Nav2�?的目录栏是否可见 height | pixel value | �H�口高度 hotkeys | yes/no | 在没菜单栏的�H�口中设安全退出热�? innerHeight | pixel value | �H�口中文档的像素高度 innerWidth | pixel value | �H�口中文档的像素宽度 location | yes/no | 位置栏是否可�? menubar | yes/no | 菜单栏是否可�? outerHeight | pixel value | 讑֮��H�口(包括装饰�Ҏ��)的像素高�? outerWidth | pixel value | 讑֮��H�口(包括装饰�Ҏ��)的像素宽�? resizable | yes/no | �H�口大小是否可调�? screenX | pixel value | �H�口距屏�q�左边界的像素长�? screenY | pixel value | �H�口距屏�q�上边界的像素长�? scrollbars | yes/no | �H�口是否可有滚动�? titlebar | yes/no | �H�口题目栏是否可�? toolbar | yes/no | �H�口工具栏是否可�? Width | pixel value | �H�口的像素宽�? z-look | yes/no | �H�口被激�z�d��是否��在其它�H�口之上

�?��止复制文本

Java代码

'return false' //不能弹出右键菜单

ondragstart='return false'  ��止鼠标在网��上拖动

onselectstart ='return false'  可以实现�Ҏ��本的选择与否的控�?默认可�?false 不可�?

onselect='document.selection.empty()'

oncopy='document.selection.empty()'

onbeforecopy='return false'  控制复制事�g

onmouseup='document.selection.empty()'>

Vincent-chen 2008-11-24 23:43 发表评论

javascript��结(一)

Vincent-chen — Mon, 24 Nov 2008 15:25:00 GMT

1.�|�页技术分��Z��个方面：静态网��c��网��늾�工、动态网��c�?
2.DHTML(动态HTML)是一�U�通过各种技术的�l�合而得以实现的概念�Q�包括三部分�Q�HTML、Script(JavaScrip or VBScript)、CSS(Cascading Style Sheets)�?

1.删除提示

1)删除

2)JS
删除

2.点击按钮探出提示

5.�Ҏ��选择的radio转向不同的URL

6.radio 全�?/span>
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i    aa[i].checked = e.checked;
}
function check(e, allName)
{
var all = document.getElementsByName(allName)[0];
if(!e.checked) all.checked = false;
else
{
    var aa = document.getElementsByName(e.name);
    for (var i=0; i      if(!aa[i].checked) return;
    all.checked = true;
}


7.DIV 的显�C�、隐�?/span>
链接实现


      查看



......



按钮实现






       <%=weekPlan%>




Vincent-chen 2008-11-24 23:25 发表评论

亚洲综合激情五月丁香六月 ,久久av无码专区亚洲av桃花岛,久久亚洲精品人成综合网

HTML DOM基础知识

DOM Lesson one

DOM Lesson one

getElementById与getElementsByName 与getElementsByTagName�ȝ��

�ȝ��JS打印�Ҏ��

学习Cookie

几种JS框架

javascript���结(�?

javascript���结(一)

javascript��结(�?

javascript��结(一)