日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > jscript > AJAX相關JS代碼片段和部分瀏覽器模型

AJAX相關JS代碼片段和部分瀏覽器模型

來源:程序員人生   發布時間:2013-11-13 17:40:00 閱讀次數:3902次

在.net開發中,充分利用免費控件是好事情,同樣的,在php的開放中,能使用ajax的類庫是可以,但是如果不能修改控件或者類庫達到自己的需求,就要動用JS大法了,前提是研究好瀏覽器模型 的各種對象的方法屬性。尤其是熟悉CSS+HTML就會做的很酷。就JS語言本身來說要求不高。

1、動態刪除Table 里面內容技巧,不需要寫太多代碼,一行:

tb.removeNode(true)

2、動態增加行,除了CreateElement方法,還可以這樣比較短小:

<table id=tb1></table>

<SCRIPT>

function addTable(){

 var row1 = tb1.insertRow();

 var cell1=row1.insertCell();

 var cell2=row1.insertCell();

 cell1.innerText="灰豆寶寶";

 cell2.innerText="超級大笨狼"

}

</SCRIPT>

<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">

3、在DIV中動態增加Table

<SCRIPT>

function addTable(){

 var tb1 = document.createElement("table";

 tb1.border="1px";

 var row1 = tb1.insertRow();

 var cell1=row1.insertCell();

 var cell2=row1.insertCell();

 mydiv.appendChild(tb1);

 cell1.innerText="wanghr100";

 cell2.innerText="panyuguang962"

}

</SCRIPT>

<BODY>

<div id=mydiv style="width:400;height:300;"></div>

<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">

4、在DIV中刪除Table,簡單只要Div.innerHTML=""就可以。

以上是部分實用相對短小的代碼,當然有其他各種辦法實現,不過一般都比上面的長,比如組合使用DIV對象的insertAdjacentHTML 方法等,在不同需要下使用不同方法,前提是研究好瀏覽器模型 的各種對象的方法屬性。尤其是熟悉CSS+HTML就會做的很酷。就JS語言本身來說要求不高。

以下是以Document對象為例,相關方法有:

 

     

     

  • Method Description

     

     

  • attachEvent

     

     

  • createAttribute

     

     

  • createComment

     

     

  • createDocumentFragment

     

     

  • createElement

     

     

  • createEventObject

     

     

  • createStyleSheet

     

     

  • createTextNode

     

     

  • detachEvent

     

     

  • getElementById

     

     

  • getElementsByName

     

     

  • getElementsByTagName

     

     

  • mergeAttributes

     

     

  • recalc

     

     

  • write

     

     

  • writeln

     

     

 

以DIV對象為例相關方法有:

 

     

     

  • addBehavior

     

     

  • appendChild

     

     

  • applyElement

     

     

  • attachEvent

     

     

  • clearAttributes

     

     

  • cloneNode

     

     

  • contains

     

     

  • detachEvent

     

     

  • getAdjacentText

     

     

  • getAttribute

     

     

  • getAttributeNode

     

     

  • getElementsByTagName

     

     

  • hasChildNodes

     

     

  • insertAdjacentElement

     

     

  • insertAdjacentHTML

     

     

  • insertAdjacentText

     

     

  • insertBefore

     

     

  • mergeAttributes

     

     

  • normalize

     

     

  • removeAttribute

     

     

  • removeAttributeNode

     

     

  • removeBehavior

     

     

  • removeChild

     

     

  • removeExpression

     

     

  • removeNode

     

     

  • replaceAdjacentText

     

     

  • replaceChild

     

     

  • replaceNode

     

     

  • setActive

     

     

  • setAttribute

     

     

  • setAttributeNode

     

     

  • setExpression

     

     

 

其他,比如下拉列表對象,和拖拽操作等我有時間也整理比較一下,實現相同功能,相對比較短的精彩代碼是值得收藏的。

 

     

     

  • removeNode(true) 非IE瀏覽器不支持的,應該用 obj.parentNode.removeChild(obj);

     

     

  • insertRow(x) insertCell(y) 這個參數是IE里是可以缺省,但是在非IE瀏覽器里不可缺省

     

     

  • 至于 insertAdjacentElement innerText 這些都是IE的特有方法,而非W3C標準,應該注意。
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 欧美久久一级 | 91精品国产综合久久久久久久久 | 国产精品日韩av | 91中文视频| 欧美日韩一区二区三区视频 | 蜜臂av日日欢夜夜爽一区 | 欧美日韩视频第一页 | 欧美日韩在线一区二区 | 亚洲欧美日韩在线播放 | 综合婷婷 | 欧美日韩视频在线 | 国产在线第一页 | 国产精品免费一区 | 91精品国产乱码久久久 | 精品一区二区三区四区五区 | 国产三级电影在线观看 | 国产福利在线观看 | a级毛片免费播放 | 国产在线观看免费麻豆 | 全部免费毛片在线播放网站 | 国产成人精品三级麻豆 | 欧美二区乱c黑人 | 日韩国产 | 色婷婷99se在线观看 | 日韩亚洲一区二区 | 日日噜噜夜夜爽狠狠视频 | 九九热在线观看 | 国产一区二区av在线 | 国产精品乱码一区二区三区 | 免费高清av | 国产精品久久久一区二区三区 | 成人av一区二区三区 | 久久精品亚洲 | 精品日日夜夜 | 91精品国产高清一区二区三区 | 一级黄色大片 | 日韩欧美一区二区在线视频 | 欧美成人精品一区二区 | 国产成人精品一区 | 国产资源在线观看 | 精品一区二区三区四区 |