📄 javaeye技术网站.htm
字号:
href="http://zhangljerry.javaeye.com/blog/82535">Prototype使用指南之string.js</A></H3></DIV>
<DIV class=blog_content>Prototype使用指南之string.js2007-05-20
09:30下面介绍Prototype对String对象的扩展部分： <BR><BR>这部分主要为string对象添加了几个很有用的方法:
<BR><BR>strip(): 去掉字符串两边的空白, 例如" jj ".strip()返回"jj"
<BR>stripTags()：去掉字符串中的html标签 <BR>stripScripts(): 去掉字符串中的javascript代码段
<BR>extractScripts(): 返回字符串中的javascript代码，返回数组 <BR>evalScripts():
执行字符串中的javascript代码 <BR>escapeHTML()：将字符串中的html代码转换为可以直接显示的格式, 例如将< 转化为 <
，在ie6中有bug，执行这个操作返回的字符串，将多个连在一起的空白变成了一个，所以很多换行什么的都被去掉了 <BR>unescapeHTML():
escapeHTML的反向过程 <BR>truncate(length, truncation):
截断，例如"abcdefghigkl".truncate(10)返回abcdefg…, truncation默认为"…"
toQueryParams(separator)/parseQuery(separator)：将一个querystring转化为一个hash表（其实是一个对象，在javascript中对象可以当成hash表来用，因为对象的属性或方法可以通过object[propertyName]来访问）
<BR>toArray(): return this.split('’), 转化为一个字符数组 <BR>camelize():
将background-color的形式转化为backgroundColor形式，用在style/css中 <BR>capitalize():
返回一个首字母大写的字符串 <BR>inspect(useDoubleQuotes): 返回字符串的表示形式, 例如"sdfj\"sfa".inspect()
返回 “’sdfj"sfa’” <BR>gsub(pattern,
replacement)：pattern是一个正则表达式，replacement是一个函数(或者是一个template字符串)，对于字符串中每个匹配pattern的部分使用replacement处理，然后将replacement返回的值将原来匹配的部分替换掉，例如"skdjfAsfdjkAdk".gsub(/A/,function(match){return
match[0].toLowerCase()}), 将字符串所有的A转化为a, 注意pattern中不要添加g选项，因为gsub会递归的执行match方法
<BR>sub(pattern, replacement, count) ：gsub的另一种形式，不过可以设置执行的次数 <BR>scan(pattern,
iterator):
跟gsub差不多，但是返回的是字符串本身，也就是说对于pattern中的每个匹配执行iterator，但是不返回替换的字符串"skdjfAsfdjkAdk".gsub(/A/,function(){alert
‘have a A’}) <BR>underscore(): ‘borderBottomWidth’.underscore() ->
‘border_bottom_width’ <BR>dasherize(): ‘Hello_World’.dasherize() ->
‘Hello-World’ <BR>Template模板类： <BR>使用方法： <BR>var template = new
Template(replacement, pattern); <BR>template.evaluate(object)
有点像php中的模板，默认(没有提供pattern)将{propertyName}形式的东西替换了object的属性值 </DIV>
<DIV class=blog_bottom>
<UL>
<LI>11:10 </LI>
<LI>浏览 (298) </LI>
<LI><A href="http://zhangljerry.javaeye.com/blog/82535#comments">评论</A> (0)
</LI>
<LI>分类: <A href="http://zhangljerry.javaeye.com/category/9989">web2.0</A>
</LI></UL></DIV></DIV>
<DIV class=blog_main>
<DIV class=blog_title>
<H5>2007-04-19</H5>
<DIV class=show_full_flag><A
href="http://zhangljerry.javaeye.com/category/9989?show_full=false">缩略显示</A></DIV>
<H3><A
href="http://zhangljerry.javaeye.com/blog/72507">如何设置RESIN服务器能让用户直接下载csv文件</A></H3></DIV>
<DIV class=blog_content><mime-mapping>
<BR><extension>csv</extension>
<BR><mime-type>application/oct-stream</mime-type>
<BR></mime-mapping> <BR>上面是mine的配置 <BR><BR>其他格式都一样 </DIV>
<DIV class=blog_bottom>
<UL>
<LI>16:08 </LI>
<LI>浏览 (386) </LI>
<LI><A href="http://zhangljerry.javaeye.com/blog/72507#comments">评论</A> (0)
</LI>
<LI>分类: <A href="http://zhangljerry.javaeye.com/category/9989">web2.0</A>
</LI></UL></DIV></DIV>
<DIV class=blog_main>
<DIV class=blog_title>
<H5>2007-03-28</H5>
<DIV class=show_full_flag><A
href="http://zhangljerry.javaeye.com/category/9989?show_full=false">缩略显示</A></DIV>
<H3><A href="http://zhangljerry.javaeye.com/blog/66033">JS一些技巧收藏</A></H3></DIV>
<DIV class=blog_content>
<DIV class=cnt>
<UL>
<LI><FONT size=2><STRONG>事件源对象</STRONG> <BR>event.srcElement.tagName
<BR>event.srcElement.type</FONT>
<LI><FONT size=2><STRONG>捕获释放
<BR></STRONG>event.srcElement.setCapture(); <BR>event.srcElement.releaseCapture(); </FONT>
<LI><FONT size=2><STRONG>事件按键</STRONG> <BR>event.keyCode <BR>event.shiftKey
<BR>event.altKey <BR>event.ctrlKey</FONT>
<LI><FONT size=2><STRONG>事件返回值</STRONG>
<BR>event.returnValue</FONT>
<LI><FONT size=2><STRONG>鼠标位置 <BR></STRONG>event.x
<BR>event.y</FONT>
<LI><FONT size=2><STRONG>窗体活动元素
<BR></STRONG>document.activeElement</FONT>
<LI><FONT size=2><STRONG>绑定事件</STRONG>
<BR>document.captureEvents(Event.KEYDOWN);</FONT>
<LI><FONT size=2><STRONG>访问窗体元素 <BR></STRONG>document.all("txt").focus();
<BR>document.all("txt").select();</FONT>
<LI><FONT size=2><STRONG>窗体命令</STRONG>
<BR>document.execCommand</FONT>
<LI><FONT size=2><STRONG>窗体COOKIE
<BR></STRONG>document.cookie</FONT>
<LI><FONT size=2><STRONG>菜单事件</STRONG>
<BR>document.oncontextmenu</FONT>
<LI><FONT size=2><STRONG>创建元素
<BR></STRONG>document.createElement("SPAN"); </FONT>
<LI><FONT size=2><STRONG>根据鼠标获得元素：
<BR></STRONG>document.elementFromPoint(event.x,event.y).tagName=="TD
<BR></FONT><FONT
size=2>document.elementFromPoint(event.x,event.y).appendChild(ms) </FONT>
<LI><FONT size=2><STRONG>窗体图片</STRONG>
<BR>document.images[索引]</FONT>
<LI><FONT size=2><STRONG>窗体事件绑定
<BR></STRONG>document.onmousedown=scrollwindow;</FONT>
<LI><FONT size=2><STRONG>元素</STRONG>
<BR>document.窗体.elements[索引]</FONT>
<LI><FONT size=2><STRONG>对象绑定事件
<BR></STRONG>document.all.xxx.detachEvent('onclick',a);</FONT>
<LI><FONT size=2><STRONG>插件数目</STRONG>
<BR>navigator.plugins</FONT>
<LI><FONT size=2><STRONG>取变量类型 <BR></STRONG>typeof($js_libpath) ==
"undefined"</FONT>
<LI><FONT size=2><STRONG>下拉框 <BR></STRONG></FONT><FONT size=2>下拉框.options[索引]
<BR>下拉框.options.length</FONT>
<LI><FONT size=2><STRONG>查找对象</STRONG> <BR>document.getElementsByName("r1");
<BR>document.getElementById(id); </FONT>
<LI><FONT size=2><STRONG>定时
<BR></STRONG>timer=setInterval('scrollwindow()',delay);
<BR>clearInterval(timer);</FONT>
<LI><FONT size=2><STRONG>UNCODE编码 <BR></STRONG>escape()
,unescape</FONT>
<LI><FONT size=2><STRONG>父对象</STRONG> <BR>obj.parentElement(dhtml)
<BR>obj.parentNode(dom)</FONT>
<LI><FONT size=2><STRONG>交换表的行 <BR></STRONG>TableID.moveRow(2,1)</FONT><FONT
size=2><STRONG> </STRONG></FONT>
<LI><FONT size=2><STRONG>替换CSS</STRONG> <BR></FONT>document.all.csss.href =
"a.css";<FONT size=2><STRONG> </STRONG></FONT>
<LI><FONT size=2><STRONG>并排显示</STRONG> <BR></FONT>display:inline<FONT size=2>
</FONT>
<LI><FONT size=2><STRONG>隐藏焦点
<BR></STRONG>hidefocus=true</FONT>
<LI><FONT size=2><STRONG>根据宽度换行
<BR></STRONG></FONT>style="word-break:break-all"<FONT size=2>
</FONT>
<LI><FONT size=2><STRONG>自动刷新 <BR></STRONG><meta HTTP-EQUIV="refresh"
CONTENT="8;URL=http://c98.yeah.net"></FONT>
<LI><FONT size=2><STRONG>简单邮件 <BR></STRONG><a
href="</FONT><A href="mailto:aaa@bbb.com?subject=ccc&body=xxxyyy"><FONT
color=#000080
size=2>mailto:aaa@bbb.com?subject=ccc&body=xxxyyy</FONT></A><FONT
size=2>"> </FONT>
<LI><FONT size=2><STRONG>快速转到位置
<BR></STRONG></FONT>obj.scrollIntoView(true)<FONT size=2>
</FONT>
<LI><FONT size=2><STRONG>锚 <BR></STRONG><a name="first"> <BR><a
href="#first">anchors</a></FONT>
<LI><FONT size=2><STRONG>网页传递参数
<BR></STRONG>location.search();</FONT>
<LI><STRONG>可编辑
<BR></STRONG>obj.contenteditable=true
<LI><FONT size=2><STRONG>执行菜单命令</STRONG>
<BR>obj.execCommand</FONT>
<LI><FONT size=2><STRONG>双字节字符</STRONG> <BR>/[^\x00-\xff]/ <BR>汉字
<BR>/[\u4e00-\u9fa5]/</FONT>
<LI><STRONG>让英文字符串超出表格宽度自动换行</STRONG> <BR>word-wrap: break-word; word-break:
break-all;
<LI><STRONG>透明背景</STRONG><FONT size=2> <BR><IFRAME src="1.htm" width=300
height=180
allowtransparency></iframe></FONT>
<LI><FONT size=2><STRONG>获得style内容
<BR></STRONG>obj.style.cssText</FONT>
<LI><FONT size=2><STRONG>HTML标签</STRONG>
<BR>document.documentElement.innerHTML</FONT>
<LI><FONT size=2><STRONG>第一个style标签</STRONG>
<BR>document.styleSheets[0]</FONT>
<LI><FONT size=2><STRONG>style标签里的第一个样式</STRONG>
<BR>document.styleSheets[0].rules[0]</FONT>
<LI><STRONG>防止点击空链接时，页面往往重置到页首端。 <BR></STRONG><a
href="javascript:function()">word</a>
<LI><STRONG>上一网页源</STRONG> <BR>asp:
<BR>request.servervariables("HTTP_REFERER") <BR><FONT size=2>javascript:
<BR>document.referrer </FONT>
<LI><FONT size=2><STRONG>释放内存
<BR></STRONG>CollectGarbage();</FONT>
<LI><STRONG>禁止右键</STRONG> <BR>document.oncontextmenu = function() { return
false;}
<LI><FONT size=2><STRONG>禁止保存</STRONG> <BR><noscript><iframe
src="*.htm"></iframe></noscript>
</FONT>
<LI><FONT size=2><STRONG>禁止选取</STRONG><body oncontextmenu=<SPAN
style="COLOR: #ff00ff">"return false"</SPAN> ondragstart=<SPAN
style="COLOR: #ff00ff">"return false"</SPAN> onselectstart =<SPAN
style="COLOR: #ff00ff">"return false"</SPAN> onselect=<SPAN
style="COLOR: #ff00ff">"document.selection.empty()"</SPAN> oncopy=<SPAN
style="COLOR: #ff00ff">"document.selection.empty()"</SPAN> onbeforecopy=<SPAN
style="COLOR: #ff00ff">"return false"</SPAN>onmouseup=<SPAN
style="COLOR: #ff00ff">"document.selection.empty()></SPAN><SPAN
style="COLOR: #ff00ff"> </SPAN></FONT>
<LI><FONT size=2><STRONG>禁止粘贴</STRONG> <BR><input type=text onpaste="return
false"></FONT>
<LI><FONT size=2><STRONG>地址栏图标</STRONG> <BR><link rel="Shortcut Icon"
href="favicon.ico"> <BR>favicon.ico
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -