|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
你的留言本应该加入注册以及分页功能了,而如果你更强的话,UI(用户界面)也可以加强,完成之后,感觉是不是特有成就感?不管怎么样,咱好歹是写了一个动态网站程序了,放在自己的网站上耍耍吧。ajax|分页 分页应当对照复杂的。你就前往一个XML格局的table交换本来的table 就ok.
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
异步伐用
<SCRIPT LANGUAGE="JavaScript">
function getData()
{
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
// 异步伐用
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4) // 挪用终了
{
if (xmlhttp.status == 200) // 加载胜利
{
var xmldoc = xmlhttp.responseXML;
var root = xmldoc.documentElement;
alert (xmldoc.xml);
}
}
}
var url = 'xml.asp';
xmlhttp.open("get", url, true);
xmlhttp.send();
}
</SCRIPT>
<BODY>
异步伐用 xmlhttp 取后台数据,你可以弄成PHP的
<input type="button" value="GetData" >
<%
dim i, xml
xml = "<?xml version='1.0' encoding='gb2312' ?>"
xml = xml & "<data>"
for i = 1 to 50
xml = xml & "<record>纪录" & i & "</record>"
next
xml = xml & "</data>"
response.ContentType = "text/xml"
response.write xml
%>
聪明的你,显然已经逐渐的开悟了,慢慢的理解了编程的概念,那么祝贺你,你已经迈出了成功的第一步。 |
|