javascript小技巧 .html

javascript学习

<div class="post">
	<div class="postTitle">
		javascript小技巧
	</div>
	
	<div class="postText">
		<ul>
   <li><font size="2"><strong>事件源对象</strong>
<br/>event.srcElement.tagName
<br/>event.srcElement.type</font> 
   </li>
   <li><font size="2"><strong>捕获释放
<br/></strong>event.srcElement.setCapture();&#160; 
<br/>event.srcElement.releaseCapture();&#160; </font>
   </li>
   <li><font size="2"><strong>事件按键</strong>
<br/>event.keyCode
<br/>event.shiftKey
<br/>event.altKey
<br/>event.ctrlKey</font> 
   </li>
   <li><font size="2"><strong>事件返回值</strong>
<br/>event.returnValue</font> 
   </li>
   <li><font size="2"><strong>鼠标位置
<br/></strong>event.x
<br/>event.y</font> 
   </li>
   <li><font size="2"><strong>窗体活动元素
<br/></strong>document.activeElement</font> 
   </li>
   <li><font size="2"><strong>绑定事件</strong>
<br/>document.captureEvents(Event.KEYDOWN);</font> 
   </li>
   <li><font size="2"><strong>访问窗体元素
<br/></strong>document.all(&quot;txt&quot;).focus();
<br/>document.all(&quot;txt&quot;).select();</font> 
   </li>
   <li><font size="2"><strong>窗体命令</strong>
<br/>document.execCommand</font> 
   </li>
   <li><font size="2"><strong>窗体COOKIE
<br/></strong>document.cookie</font> 
   </li>
   <li><font size="2"><strong>菜单事件</strong>
<br/>document.oncontextmenu</font> 
   </li>
   <li><font size="2"><strong>创建元素
<br/></strong>document.createElement(&quot;SPAN&quot;);&#160; </font>
   </li>
   <li><font size="2"><strong>根据鼠标获得元素：
<br/></strong>document.elementFromPoint(event.x,event.y).tagName==&quot;TD
<br/></font><font size="2">document.elementFromPoint(event.x,event.y).appendChild(ms)&#160; </font>
   </li>
   <li><font size="2"><strong>窗体图片</strong>
<br/>document.images[索引]</font> 
   </li>
   <li><font size="2"><strong>窗体事件绑定
<br/></strong>document.onmousedown=scrollwindow;</font> 
   </li>
   <li><font size="2"><strong>元素</strong>
<br/>document.窗体.elements[索引]</font> 
   </li>
   <li><font size="2"><strong>对象绑定事件
<br/></strong>document.all.xxx.detachEvent(&#39;onclick&#39;,a);</font> 
   </li>
   <li><font size="2"><strong>插件数目</strong>
<br/>navigator.plugins</font> 
   </li>
   <li><font size="2"><strong>取变量类型
<br/></strong>typeof($js_libpath) == &quot;undefined&quot;</font> 
   </li>
   <li><font size="2"><strong>下拉框
<br/></strong></font><font size="2">下拉框.options[索引]
<br/>下拉框.options.length</font> 
   </li>
   <li><font size="2"><strong>查找对象</strong>
<br/>document.getElementsByName(&quot;r1&quot;);
<br/>document.getElementById(id); </font>
   </li>
   <li><font size="2"><strong>定时
<br/></strong>timer=setInterval(&#39;scrollwindow()&#39;,delay);
<br/>clearInterval(timer);</font> 
   </li>
   <li><font size="2"><strong>UNCODE编码
<br/></strong>escape() ,unescape</font> 
   </li>
   <li><font size="2"><strong>父对象</strong>
<br/>obj.parentElement(dhtml)
<br/>obj.parentNode(dom)</font> 
   </li>
   <li><font size="2"><strong>交换表的行
<br/></strong>TableID.moveRow(2,1)</font><font size="2"><strong> 
       <li><font size="2"><strong>替换CSS</strong>
<br/></font>document.all.csss.href = &quot;a.css&quot;;<font size="2"><strong> 
           <li><font size="2"><strong>并排显示</strong>
<br/></font>display:inline<font size="2"> 
              <li><font size="2"><strong>隐藏焦点
<br/></strong>hidefocus=true</font> 
              </li>
              <li><font size="2"><strong>根据宽度换行
<br/></strong></font>style=&quot;word-break:break-all&quot;<font size="2"> 
                  <li><font size="2"><strong>自动刷新
<br/></strong>&lt;meta HTTP-EQUIV=&quot;refresh&quot; CONTENT=&quot;8;URL=http://c98.yeah.net&quot;&gt;</font> 
                  </li>
                  <li><font size="2"><strong>简单邮件
<br/></strong>&lt;a&#160; href=&quot;</font><a href="mailto:[e-mail]?subject=ccc&amp;body=xxxyyy"><font size="2">mailto:[e-mail]?subject=ccc&amp;body=xxxyyy</font></a><font size="2">&quot;&gt;&#160; </font>
                  </li>
                  <li><font size="2"><strong>快速转到位置
<br/></strong></font>obj.scrollIntoView(true)<font size="2"> 
                      <li><font size="2"><strong>锚
<br/></strong>&lt;a name=&quot;first&quot;&gt;
<br/>&lt;a href=&quot;#first&quot;&gt;anchors&lt;/a&gt;</font> 
                      </li>
                      <li><font size="2"><strong>网页传递参数
<br/></strong>location.search();</font> 
                      </li>
                      <li><strong>可编辑
<br/></strong>obj.contenteditable=true 
                      </li>
                      <li><font size="2"><strong>执行菜单命令</strong>
<br/>obj.execCommand</font> 
                      </li>
                      <li><font size="2"><strong>双字节字符</strong>
<br/>/[^\x00-\xff]/
<br/>汉字
<br/>/[\u4e00-\u9fa5]/</font> 
                      </li>
                      <li><strong>让英文字符串超出表格宽度自动换行</strong>
<br/>word-wrap: break-word; word-break: break-all; 
                      </li>
                      <li><strong>透明背景</strong><font size="2">
<br/>&lt;IFRAME src=&quot;1.htm&quot; width=300 height=180 allowtransparency&gt;&lt;/iframe&gt;</font> 
                      </li>
                      <li><font size="2"><strong>获得style内容
<br/></strong>obj.style.cssText</font> 
                      </li>
                      <li><font size="2"><strong>HTML标签</strong>
<br/>document.documentElement.innerHTML</font> 
                      </li>
                      <li><font size="2"><strong>第一个style标签</strong>
<br/>document.styleSheets[0]</font> 
                      </li>
                      <li><font size="2"><strong>style标签里的第一个样式</strong>
<br/>document.styleSheets[0].rules[0]</font> 
                      </li>
                      <li><strong>防止点击空链接时，页面往往重置到页首端。
<br/></strong>&lt;a href=&quot;javascript:function()&quot;&gt;word&lt;/a&gt; 
                      </li>
                      <li><strong>上一网页源</strong>
<br/>asp: 
<br/>request.servervariables(&quot;HTTP_REFERER&quot;) 
<br/><font size="2">javascript: 
<br/>document.referrer </font>
                      </li>
                      <li><font size="2"><strong>释放内存
<br/></strong>CollectGarbage();</font>