生成浮动层的接口知识总结
2009-09-06 00:00:00 来源:WEB开发网5. 我们可以两种方式来使用接口,一种把生成对象的outerHTML赋值给一个需要替换显示的元素,如下:
Js代码
var floatdiv = documentWriteGen.genFloatLyr('floatLyrId',{left:200,top:200,height:200,width:400,tdTitle:"浮动层标题:"});
floatdiv.style.display = '';
$("formWrapper").innerHTML = floatdiv.outerHTML;
另一种是用在文档的末尾用document.write(),为什么要在文档的末尾用,这里大家要明白document.write()写在任何位置,则从任何位置的文档中开始加载。
6. 在minimizeExec()方法中要注意的如下:
1.在最小化中除了要把内容div设置为不显示外,同时还必须要把整个div的高度设置为只有标题的TR的高度。如果只设置内容div设置为不显示,整个div并不会缩起来,而如果只设置整个div的高度,因为内容div有内容,它并不会根据你设置的高度来显示。
2.我们在点击最小或最大时,这里触发一个事件,利用event.srcElement || event.target得到事件元素,并设置它的innerText为需要显示的图标。这个知识点需要明白。
7. 在做dhmtl里,我们常常需要用到的方法有如下innerHTML、innerText、outerHTML、outerText,写了如下程序加以理解:
Html代码
<html>
<head>
<script type="text/javascript">
function test(){
var eleobj = document.createElement('o');
var textobj = document.createTextNode('eleobjtext')
eleobj.appendChild(textobj);
eleobj.setAttribute('name','eleobjname');
document.getElementById('testdiv').appendChild(eleobj);
}
</script>
</head>
<body>
<div id="testdiv">
<table><tr><td>table content</td></tr></table>
</div>
<input type="button" value="outerHTML" onclick="alert(document.getElementById('testdiv').outerHTML)"/>
<input type="button" value="outerText" onclick="alert(document.getElementById('testdiv').outerText)"/>
<input type="button" value="innerHTML" onclick="alert(document.getElementById('testdiv').innerHTML)"/>
<input type="button" value="innerText" onclick="alert(document.getElementById('testdiv').innerText)"/>
<input type="button" value="test" onclick="test();"/>
</body>
</html>
8.注意这句话:floatdiv.style.position = "absolute";把浮动层的定位设置成absolute,如果没有这句,所有设置的left和top的值都是没有效果的。关于定位的相关知识可参见另一个帖子“关于DHMTL的定位”。
更多精彩
赞助商链接