多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內(nèi)最全I(xiàn)T社區(qū)平臺 聯(lián)系我們 | 收藏本站
阿里云優(yōu)惠2
您當(dāng)前位置:首頁 > web前端 > jscript > AJAX相關(guān)JS代碼片段和部分瀏覽器模型

AJAX相關(guān)JS代碼片段和部分瀏覽器模型

來源:程序員人生   發(fā)布時間:2013-11-13 17:40:00 閱讀次數(shù):3888次

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

1、動態(tài)刪除Table 里面內(nèi)容技巧,不需要寫太多代碼,一行:

tb.removeNode(true)

2、動態(tài)增加行,除了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中動態(tài)增加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=""就可以。

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

以下是以Document對象為例,相關(guān)方法有:

 

     

     

  • Method Description

     

     

  • attachEvent

     

     

  • createAttribute

     

     

  • createComment

     

     

  • createDocumentFragment

     

     

  • createElement

     

     

  • createEventObject

     

     

  • createStyleSheet

     

     

  • createTextNode

     

     

  • detachEvent

     

     

  • getElementById

     

     

  • getElementsByName

     

     

  • getElementsByTagName

     

     

  • mergeAttributes

     

     

  • recalc

     

     

  • write

     

     

  • writeln

     

     

 

以DIV對象為例相關(guān)方法有:

 

     

     

  • 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

     

     

 

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

 

     

     

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

     

     

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

     

     

  • 至于 insertAdjacentElement innerText 這些都是IE的特有方法,而非W3C標(biāo)準(zhǔn),應(yīng)該注意。
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關(guān)閉
程序員人生
主站蜘蛛池模板: 国产精品视频一区二区三区w | 欧美xxxx做受欧美 | 在线精品视频成人网 | 一二三四免费手机在线观看视频 | 日本1区2区 | 欧美videos黑人巨大 | 中文字幕高清 | 香蕉在线精品亚洲第一区 | 久久精品国产久精国产 | 亚洲免费视频在线 | 欧美自拍视频 | 波多野结衣在线免费视频 | 色哟哟www网站入口成人学校 | 欧洲美女人牲交一级毛片 | 国产精品一区二区不卡 | 亚洲视频免 | 欧美e片成 人 在线播放乱妇 | 色a在线 | 波多野结衣一级视频 | 91久久精品国产免费一区 | 精品亚洲成a人在线播放 | babes性欧美高清| 一二三四视频社区5在线高清视频 | 最近中文字幕高清中文字幕在线看 | 秋霞一级特黄真人毛片 | 欧美精品黄页免费高清在线 | 国产一级做a爱免费视频 | 免费观看福利视频 | 老司机在线观看 | 亚洲专区在线播放 | 国产成人香蕉在线视频fuz | 中文字幕a∨在线乱码免费看 | 欧美日韩在线精品一区二区三区 | 国产成人久久一区二区三区 | 亚洲日本高清 | www视频在线观看com | 日产一一到六区网站免费 | 久久中精品中文 | 免费jlzzjlzz在线播放视频 | 亚洲国产精品激情在线观看 | 亚洲swag精品自拍一区 |