总结AJAX相关JS代码片段和浏览器模型_Ajax编程_黑客防线网安服务器维护基地--Powered by WWW.RONGSEN.COM.CN

总结AJAX相关JS代码片段和浏览器模型

作者:黑客防线网安Ajax教程基地 来源:黑客防线网安Ajax教程基地 浏览次数:0

本篇关键词:片段浏览器模型代码
黑客防线网安网讯:  在.net开发中,充分利用免费控件是好事情,但是如果不能修改控件达到自己的需求,就要动用JS大法了,前提是研究好浏览器模型 的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就...

  在.net开发中,充分利用免费控件是好事情但是如果不能修改控件达到自己的需求就要动用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

    黑客防线网安服务器维护方案本篇连接:http://www.rongsen.com.cn/show-15701-1.html
网站维护教程更新时间:2012-04-05 00:05:53  【打印此页】  【关闭
我要申请本站N点 | 黑客防线官网 |  
专业服务器维护及网站维护手工安全搭建环境,网站安全加固服务。黑客防线网安服务器维护基地招商进行中!QQ:29769479

footer  footer  footer  footer