??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲综合激情五月丁香六月 ,久久av无码专区亚洲av桃花岛,久久亚洲精品人成综合网http://www.tkk7.com/Vincent-chenxj/category/36155.htmlzh-cnMon, 24 Nov 2008 16:16:57 GMTMon, 24 Nov 2008 16:16:57 GMT60JavaScript的几U对?/title><link>http://www.tkk7.com/Vincent-chenxj/articles/242412.html</link><dc:creator>Vincent-chen</dc:creator><author>Vincent-chen</author><pubDate>Mon, 24 Nov 2008 16:00:00 GMT</pubDate><guid>http://www.tkk7.com/Vincent-chenxj/articles/242412.html</guid><wfw:comment>http://www.tkk7.com/Vincent-chenxj/comments/242412.html</wfw:comment><comments>http://www.tkk7.com/Vincent-chenxj/articles/242412.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.tkk7.com/Vincent-chenxj/comments/commentRss/242412.html</wfw:commentRss><trackback:ping>http://www.tkk7.com/Vincent-chenxj/services/trackbacks/242412.html</trackback:ping><description><![CDATA[     摘要: JavaScript由ECMAScriptQ基本语法）QBOM和DOMl成Q下面是对JS中一些对象的ȝ? 一.BOM BOM指（Brower Object ModelQ浏览器对象模型?从BOM的角度看Q侧重于从集合的角度看问题，把页面划分ؓ不同的部分，以及面本n的一些属性，如背景色Q标题名U等Q由于BOM的实现是Z览器的Q所以不同浏览器的属性和Ҏ有不一致之处，q造成很多ȝ。注...  <a href='http://www.tkk7.com/Vincent-chenxj/articles/242412.html'>阅读全文</a><img src ="http://www.tkk7.com/Vincent-chenxj/aggbug/242412.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.tkk7.com/Vincent-chenxj/" target="_blank">Vincent-chen</a> 2008-11-25 00:00 <a href="http://www.tkk7.com/Vincent-chenxj/articles/242412.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>HTML DOM基础知识http://www.tkk7.com/Vincent-chenxj/articles/242411.htmlVincent-chenVincent-chenMon, 24 Nov 2008 15:58:00 GMThttp://www.tkk7.com/Vincent-chenxj/articles/242411.htmlhttp://www.tkk7.com/Vincent-chenxj/comments/242411.htmlhttp://www.tkk7.com/Vincent-chenxj/articles/242411.html#Feedback0http://www.tkk7.com/Vincent-chenxj/comments/commentRss/242411.htmlhttp://www.tkk7.com/Vincent-chenxj/services/trackbacks/242411.html一Q什么是DOM
HTML文档对象模型QHTML Document Object ModelQ定义了讉K和处理HTML文档的标准方法。HTML DOM 把HTML文档呈现为带有元素、属性和文本的树l构Q节ҎQ?

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

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

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

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

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

二．文档?节点?
如下HTML文档Q?
Java代码 复制代码
  1. <html>   
  2.   <head>   
  3.     <title>DOM Tutorial</title>    
  4.   </head>    
  5.   <body>    
  6.     <h1>DOM Lesson one</h1>    
  7.     <p>Hello world!</p>    
  8.   </body>    
  9. </html>  


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

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

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

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

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

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

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

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

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

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

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

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

根节?/span>
有两U特D的文档属性可用来讉K根节点：
document.documentElement  可返回存在于XML以及HTML文档中的文档根节?
document.body  对HTML面的特D扩展，提供了对<body>标签的直接访?
  • E417d542-064b-4c2e-a529-fe4d3da6957e-thumb
  • 大小: 19.1 KB


Vincent-chen 2008-11-24 23:58 发表评论
]]>getElementById与getElementsByName 与getElementsByTagNameȝhttp://www.tkk7.com/Vincent-chenxj/articles/242410.htmlVincent-chenVincent-chenMon, 24 Nov 2008 15:57:00 GMThttp://www.tkk7.com/Vincent-chenxj/articles/242410.htmlhttp://www.tkk7.com/Vincent-chenxj/comments/242410.htmlhttp://www.tkk7.com/Vincent-chenxj/articles/242410.html#Feedback0http://www.tkk7.com/Vincent-chenxj/comments/commentRss/242410.htmlhttp://www.tkk7.com/Vincent-chenxj/services/trackbacks/242410.html1.getElementById
作用Q一般页面里ID是唯一的，用于准备定ؓ一个元?
语法Q?document.getElementById(id)
参数Qid :必选项为字W串(String)
q回|对象; q回相同id对象中的W一个，按在面中出现的ơ序,如果无符合条件的对象Q则q回 null
Java代码 复制代码
  1. exampleQdocument.getElementById("id1").value;  


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


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


Vincent-chen 2008-11-24 23:57 发表评论
]]>ȝJS打印Ҏhttp://www.tkk7.com/Vincent-chenxj/articles/242407.htmlVincent-chenVincent-chenMon, 24 Nov 2008 15:51:00 GMThttp://www.tkk7.com/Vincent-chenxj/articles/242407.htmlhttp://www.tkk7.com/Vincent-chenxj/comments/242407.htmlhttp://www.tkk7.com/Vincent-chenxj/articles/242407.html#Feedback0http://www.tkk7.com/Vincent-chenxj/comments/commentRss/242407.htmlhttp://www.tkk7.com/Vincent-chenxj/services/trackbacks/242407.html对JS的打印方法ȝ一下，方便日后查阅?

一Q用JS自带函数打印

直接调用
Java代码 复制代码
  1. <a href="javascript:window.print();">打印</a>  


二．IEWebBrowserlg

介绍

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

Java代码 复制代码
  1. <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>    
  2. <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>   
  3. <input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所?gt;   
  4. <input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存?gt;    
  5. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>   
  6. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>   
  7. <input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印预览>   
  8. <input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=面讄>   
  9. <input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属?gt;   
  10. <input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全?gt;   
  11. <input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=h>   
  12. <input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭>  


三．使用ScriptX.cab控g

1Q下载ScriptX.cab控g

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

2Q用object元素Q修改codebaseQclassid的?/strong>

q里调用控gScriptX.cab
Java代码 复制代码
  1. <OBJECT id="factory" style="DISPLAY: none" codeBase="${rootUrl}js/smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>  


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

3Q调用控件脚?/strong>

Print.js文g
Java代码 复制代码
  1. function setPrintBase(headerText,footerText,rootUrl) {   
  2.   
  3.     // -- advanced features  Q未曾用过Q有待确认?  
  4.   
  5.         //factory.printing.SetMarginMeasure(2); // measure margins in inches   
  6.   
  7.         //factory.SetPageRange(false, 1, 3);// need pages from 1 to 3   
  8.   
  9.         //factory.printing.printer = "HP DeskJet 870C";   
  10.   
  11.         //factory.printing.copies = 2;   
  12.   
  13.         //factory.printing.collate = true;   
  14.   
  15.         //factory.printing.paperSize = "A4";   
  16.   
  17.         //factory.printing.paperSource = "Manual feed"   
  18.   
  19.     var header = (headerText==null||headerText=="")?'默认늜':headerText;   
  20.   
  21.     var footer = (footerText==null||footerText=="")?'默认角':footerText;   
  22.   
  23.   factory.printing.header = "&b"+header+"&b" ;   
  24.   
  25.   factory.printing.footer = "&b"+footer;   
  26.   
  27.   factory.printing.portrait = true;   
  28.   
  29.   factory.printing.leftMargin =10.00;   
  30.   
  31.   factory.printing.topMargin =10.00;   
  32.   
  33.   factory.printing.rightMargin =10.00;   
  34.   
  35.   factory.printing.bottomMargin =10.00;   
  36.   
  37. }  



例子
Java代码 复制代码
  1. <%@ page contentType="text/html;charset=GBK"%>   
  2.   
  3. <html>   
  4. <head>   
  5. <meta http-equiv="imagetoolbar" content="no">   
  6. <script language="javascript" src="print.js"></script>   
  7. <style media="print">   
  8. .Noprint   {DISPLAY:   none;}   
  9. </style>   
  10. <title>打印试</title>   
  11. </head>   
  12. <OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>   
  13.   
  14. <script defer>   
  15. function window.onload() {      
  16. setPrintBase('늜','脚');   
  17. }   
  18. </script>   
  19. <body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">   
  20. <center class="Noprint">   
  21.  <input type=button value="打印" onclick="factory.printing.Print(true)">    
  22. <input type=button value="面讄" onclick="factory.printing.PageSetup()">    
  23.  <input type=button value="打印预览" onclick="factory.printing.Preview()">              
  24. <input type="button" value="关闭" onclick="window.close();">   
  25. </center>   
  26.    <center>   
  27.       <table width="100%" border="0" cellpadding="0" cellspacing="0">   
  28.           <tr><td align="center"><b>内容</b></td></tr>   
  29.        </table>   
  30.     </center>   
  31. </body>   
  32. </html>  


四．Ҏ

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

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

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


Vincent-chen 2008-11-24 23:51 发表评论
]]>学习Cookiehttp://www.tkk7.com/Vincent-chenxj/articles/242406.htmlVincent-chenVincent-chenMon, 24 Nov 2008 15:48:00 GMThttp://www.tkk7.com/Vincent-chenxj/articles/242406.htmlhttp://www.tkk7.com/Vincent-chenxj/comments/242406.htmlhttp://www.tkk7.com/Vincent-chenxj/articles/242406.html#Feedback0http://www.tkk7.com/Vincent-chenxj/comments/commentRss/242406.htmlhttp://www.tkk7.com/Vincent-chenxj/services/trackbacks/242406.html看到好多|站提供C用户名或密码的功?上网搜了些关于cookie的文章学习整理一?
一.什么是Cookies?

你会问，什么是cookies? cookie 是浏览器保存在用戯机上的量数据。它与特定的WEB|WEB站点兌hQ自动地在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 文gQ这个文件从哪来呢？猜一猜，它来自微软的支持站点?
对于理l小的、不重要的、不想保存在中央数据库里的细节信息，Cookies 是个很不错的Ҏ。（q不是说大家的名字不重要。）比如Q目前网站上不断增长的自定义服务Q可以ؓ每个用户定制他们要看的内宏V如果你设计的就是这样一个站点，那么你怎么来管理这L信息Q一个用户喜Ƣ绿色的菜单条，而另一个喜Ƣ红色的。确实是个篏人的问题。不q，q样的信息，可以很安全地记录到cookieQƈ保存在用L计算ZQ而你自己的数据库I间可以留给更长久更有意义的数据?

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

1. 使用用户名和口oQ通过 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是ZCGI~程。但是，我们也可以用Javascript脚本来操Ucookies?

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

1.Expires–q期旉

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

2.Path–路径

      指定与cookie兌的WEBc值可以是一个目录，或者是一个\径。如果http://www.zdnet.com/devhead/index.html 建立了一个cookieQ那么在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讄的cookesQ该怎么办？q时Q我们要把cookies 的path属性设|成“/”。在指定路径的时候，凡是来自同一服务器，URL里有相同路径的所有WEB面都可以共享cookies。现在看另一个例子：如果惌 http://www.zdnet.com/devhead/filters/ 和http://www.zdnet.com/devhead/stories/׃ncookiesQ就要把path设成“/devhead”?

3.Domain–?/strong>

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

4.Secure–安全

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

?操作Cookies

     误住，cookie是文档的一个字W串属性。要保存cookieQ只要徏立一个字W串Q格式是name=Q名Uͼ|Q然后把文档?document.cookie 讄成与它相{即可。比如，假设想保存表单接收到的用户名Q那么代码看hpq样Q?
Java代码 复制代码
  1. document.cookie = "username=" + escape(form.username.value);  


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

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何顺序设|?

  下面是一个例子，在这个例子里Qcookie "username" 被设|成?5分钟之后q期Q可以被服务器上的所有目录访问，可以?mydomain.com"域里的所有服务器讉KQ安全状态ؓ安全?
Java代码 复制代码
  1. // Date() 的构造器讄以毫Uؓ单位   
  2. // .getTime() Ҏq回旉Q单位ؓ毫秒   
  3. // 所以要讄15分钟到期Q要?0000毫秒?5分钟   
  4. var expiration = new Date((new Date()).getTime() + 15 * 60000);   
  5. document.cookie = "username=" + escape(form.username.value)+ "; expires ="  
  6. + expiration.toGMTString() + "; path=" + "/" + "; _   
  7. domain=" + "mydomain.com" + "; secure";  


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

// 下面q个语句d了属于当前文档的所有cookies
Java代码 复制代码
  1. var allcookies = document.cookie;  


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

如果我们对前面分配的cookie "username" 感兴，可以用下面的脚本来读取它的倹{?
Java代码 复制代码
  1. // 我们定义一个函敎ͼ用来d特定的cookie倹{?  
  2. function getCookie(cookie_name)   
  3. {   
  4. var allcookies = document.cookie;   
  5. var cookie_pos = allcookies.indexOf(cookie_name);   
  6.   
  7. // 如果扑ֈ了烦引，׃表cookie存在Q?  
  8. // 反之Q就说明不存在?  
  9. if (cookie_pos != -1)   
  10. {   
  11. // 把cookie_pos攑֜值的开始，只要l值加1卛_?  
  12. cookie_pos += cookie_name.length + 1;   
  13. var cookie_end = allcookies.indexOf(";", cookie_pos);   
  14. if (cookie_end == -1)   
  15. {   
  16. cookie_end = allcookies.length;   
  17. }   
  18.   
  19. var value = unescape(allcookies.substring(cookie_pos, cookie_end));   
  20. }   
  21. return value;   
  22. }  


// 调用函数
Java代码 复制代码
  1. var cookie_val = getCookie("username");  


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

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

?Cookies 的隐?

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

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

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

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

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

Vincent-chen 2008-11-24 23:48 发表评论
]]>几种JS框架http://www.tkk7.com/Vincent-chenxj/articles/242404.htmlVincent-chenVincent-chenMon, 24 Nov 2008 15:47:00 GMThttp://www.tkk7.com/Vincent-chenxj/articles/242404.htmlhttp://www.tkk7.com/Vincent-chenxj/comments/242404.htmlhttp://www.tkk7.com/Vincent-chenxj/articles/242404.html#Feedback0http://www.tkk7.com/Vincent-chenxj/comments/commentRss/242404.htmlhttp://www.tkk7.com/Vincent-chenxj/services/trackbacks/242404.html以前看到|站有好多h在讨论Prototype之类的东西，一直没太在意，最q偶在|上查了一下，才知道他是什么东西，看来自己太落后了Q有点脱ȝ会很久的感觉Q呵c?
在网上狂搜了一阵，把一些JS框架的相兌料整理下,Z后学习用.

一QPrototype
   prototype.js是由Sam Stephenson写的一个javascriptcd。这个构思奇妙，而且兼容标准的类库，能帮助你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适合MJavaScript应用的地方，可用于不用的应用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胖客LE序提供了一套完整的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!UIQ具有CS风格的Web用户界面lg。主要UI包括QdialogQgridQlayoutQtabs{?

官网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结(?http://www.tkk7.com/Vincent-chenxj/articles/242402.htmlVincent-chenVincent-chenMon, 24 Nov 2008 15:43:00 GMThttp://www.tkk7.com/Vincent-chenxj/articles/242402.htmlhttp://www.tkk7.com/Vincent-chenxj/comments/242402.htmlhttp://www.tkk7.com/Vincent-chenxj/articles/242402.html#Feedback0http://www.tkk7.com/Vincent-chenxj/comments/commentRss/242402.htmlhttp://www.tkk7.com/Vincent-chenxj/services/trackbacks/242402.html
一.链接提交form
Java代码 复制代码
  1. <script language="javascript" >   
  2.        function Search(page){   
  3.     searchForm.action="finance/manageExpend.do?method=searchCashExpend&curPage="+page;   
  4.         document.searchForm.submit();    
  5. }   
  6.  </script>   
  7.   
  8. <a href="javascript:Search(<%=page%>)">늠</a>  


?h
hiframe
Java代码 复制代码
  1. document.all.frameName.src=url ;  


h指定url
Java代码 复制代码
  1. Window.location.href=url  


h本页
Java代码 复制代码
  1. wondow.location.reload()  


h囄
Java代码 复制代码
  1. document.all.Image1.src=url;  



?q回主页/前页
Java代码 复制代码
  1. q回前页Q用OnClick="history.go(-1)"  
  2. q回主页Q用OnClick='top.location.href="index.jsp"'  
  3. <a href="javascript:history.back()">后退</a>   
  4. <a href="javascript:history.go()">前进</a>   
  5. <a href="javascript:location.reload()">h</a>  


四、window.open()
1.语法
Java代码 复制代码
  1. window.open(pageURL,name,parameters)  

其中Q?
pageURL 为子H口路径
name 为子H口句柄
parameters 为窗口参?各参数用逗号分隔)
2.例子
Java代码 复制代码
  1. <SCRIPT>    
  2. window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')    
  3. </SCRIPT>  

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

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

参数 | 取D?| 说明

Java代码 复制代码
  1. alwaysLowered | yes/no | 指定H口隐藏在所有窗口之?nbsp;   
  2. alwaysRaised | yes/no | 指定H口悬Q在所有窗口之?nbsp;   
  3. depended | yes/no | 是否和父H口同时关闭    
  4. directories | yes/no | Nav2?/span>3的目录栏是否可见    
  5. height | pixel value | H口高度    
  6. hotkeys | yes/no | 在没菜单栏的H口中设安全退出热?nbsp;   
  7. innerHeight | pixel value | H口中文档的像素高度    
  8. innerWidth | pixel value | H口中文档的像素宽度    
  9. location | yes/no | 位置栏是否可?nbsp;   
  10. menubar | yes/no | 菜单栏是否可?nbsp;   
  11. outerHeight | pixel value | 讑֮H口(包括装饰Ҏ)的像素高?nbsp;   
  12. outerWidth | pixel value | 讑֮H口(包括装饰Ҏ)的像素宽?nbsp;   
  13. resizable | yes/no | H口大小是否可调?nbsp;   
  14. screenX | pixel value | H口距屏q左边界的像素长?nbsp;   
  15. screenY | pixel value | H口距屏q上边界的像素长?nbsp;   
  16. scrollbars | yes/no | H口是否可有滚动?nbsp;   
  17. titlebar | yes/no | H口题目栏是否可?nbsp;   
  18. toolbar | yes/no | H口工具栏是否可?nbsp;   
  19. Width | pixel value | H口的像素宽?nbsp;   
  20. z-look | yes/no | H口被激zd是否在其它H口之上  


?止复制文本

Java代码 复制代码
  1. <body oncontextmenu='return false' //不能弹出右键菜单   
  2.  ondragstart='return false'  止鼠标在网上拖动   
  3. onselectstart ='return false'  可以实现Ҏ本的选择与否的控?默认可?false 不可?  
  4. onselect='document.selection.empty()'  
  5.  oncopy='document.selection.empty()'    
  6. onbeforecopy='return false'  控制复制事g    
  7. onmouseup='document.selection.empty()'> 


Vincent-chen 2008-11-24 23:43 发表评论
]]>javascript结(一)http://www.tkk7.com/Vincent-chenxj/articles/242399.htmlVincent-chenVincent-chenMon, 24 Nov 2008 15:25:00 GMThttp://www.tkk7.com/Vincent-chenxj/articles/242399.htmlhttp://www.tkk7.com/Vincent-chenxj/comments/242399.htmlhttp://www.tkk7.com/Vincent-chenxj/articles/242399.html#Feedback0http://www.tkk7.com/Vincent-chenxj/comments/commentRss/242399.htmlhttp://www.tkk7.com/Vincent-chenxj/services/trackbacks/242399.html1.|页技术分Z个方面：静态网c网늾工、动态网c?
2.DHTML(动态HTML)是一U通过各种技术的l合而得以实现的概念Q包括三部分QHTML、Script(JavaScrip or VBScript)、CSS(Cascading Style Sheets)?

1.删除提示

1)<a  href="#" onclick="return(confirm('删除后无法恢?您确定删除吗?'))">删除</a>

2)JS
<a  href="#" >删除</a>
<script language="JavaScript" type="text/javascript">
function delete_confirm(){
if(event.srcElement.outerText=="删除" || event.srcElement.value=="删除")
  event.returnValue=confirm("删除后将不能恢复Q您认执行删除操作么？");
}
document.onclick=delete_confirm;
</script>

2.点击按钮探出提示
<input type=button value="reload" onclick="javascript:reload()">

<script type="text/javascript">
function reload() {

if (confirm("认?"))
{
var url="#";
window.location.href=url;
}
}

3.点击链接弹出提示

<a  href="认后的q接地址" onclick="return(confirm('惌的提CZ?'))">昄信息</a>

4.onchangeQ）用法
<select name="year" onchange="javascript:changeYear()">
<OPTION OPTION>
</SELECT>

<SCRIPT language="javascript">
function changeYear(){
  var url = ....;
window.location.href = url;
}
</SCRIPT>


5.Ҏ选择的radio转向不同的URL
<input type="Radio" name="id" value="1" checked></td>
<input type="Radio" name="id" value="2" checked></td>
<input type="Radio" name="id" value="3" checked></td>

<SCRIPT language="javascript">
function WhichOneisChecked(obj) {
for (var i = 0;i < obj.elements.length;i++){
if (obj.elements[i].checked == true){
var weekLogId=obj.elements[i].value;
var url="......";
window.location.href = url;
}
}
}
</SCRIPT>


6.radio 全?/span>
function checkAll(e, itemName)
{
  var aa = document.getElementsByName(itemName);
  for (var i=0; i<aa.length; 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<aa.length; i++)
     if(!aa[i].checked) return;
    all.checked = true;
  }
  
<input type=checkbox checked name=allTeams onclick="checkAll(this, 'teamIds')">

<input type="checkbox" name="teamIds" checked value="<%=.....%>" onclick="check(this, 'allTeams')">

7.DIV 的显C、隐?/span>
链接实现
<script language="javascript">
  function showLay(divId){
        var objDiv = eval(divId);
        if (objDiv.style.display=="none"){
                eval("sp"+divId+".innerHTML='隐藏'");
                objDiv.style.display="";
        }else{
                eval("sp"+divId+".innerHTML='查看'");
                objDiv.style.display="none";
        }}
  </script>

   <td>
      <a href="#"  onclick="showLay('Layer1')"><span id="spLayer1">查看</span></a>
      <br>
      <div id="Layer1" style="display:none;">......</div>
     </td>

按钮实现
<SCRIPT LANGUAGE="JavaScript">
function hidden_show()
{
var obj = document.getElementById("Layer1");
if(obj.style.visibility == "")
  obj.style.visibility = "hidden";
else
  obj.style.visibility = "";
}
</SCRIPT>
<td>
      <INPUT TYPE="button" onclick="hidden_show();" value="hidden/show">
     <br>
      <div id="Layer1" >
       <%=weekPlan%>
      </div>
     </td>


Vincent-chen 2008-11-24 23:25 发表评论
]]> վ֩ģ壺 ޾ƷƵۿ| ޾Ʒmv߹ۿ| ޾ɫ1314ݺ| ߾Ʒѹۿ| Ʒ޸һ| ձѾƷһ| ޹պ߹Ƶ| jizzѲ| ޾ƷҹVAþó | ˳վ߹ۿ| ѹۿƵվ| һƷ | Ʒۺվ| ޾ƷƵþþ| ֻƬ| ޹Ʒþþþ| Ƶѹۿ| www77777| 벻޳?Ƭ| ɫҹƵ| ޾ƷƵ| Ƶ| ѹݮƵ߹ۿ| ˴ս˾Ʒһ | ëƬպëƬ| žƷƵվ| Ʒ_˳| ȸAV߲| 91ƷѾþþþþþþ| ޳a޳av | þþƷavĻ| պŷëƬƵ | ɫƬ߹ۿ| ۺɫͼƬ| ޹ۺϾþ| պ뾫Ʒþһ| վۿƵ| 99ƷƵ| Ů18ëƬѹۿ| ĻƵѹۿ| л|