生成浮动层的接口知识总结

　2009-09-06 00:00:00　来源：WEB开发网　　　

核心提示： 5. 我们可以两种方式来使用接口，一种把生成对象的outerHTML赋值给一个需要替换显示的元素，生成浮动层的接口知识总结(3)，如下：Js代码 varfloatdiv=documentWriteGen.genFloatLyr('floatLyrId',{left:200,top

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>　　