开发学院网页设计JavaScript 生成浮动层的接口知识总结 阅读

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

 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> 
 

8.注意这句话:floatdiv.style.position = "absolute";把浮动层的定位设置成absolute,如果没有这句,所有设置的left和top的值都是没有效果的。关于定位的相关知识可参见另一个帖子“关于DHMTL的定位”。

上一页  1 2 3 

Tags:生成 浮动 接口

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接