简单问题:请问什么是“div”? 它是一种层,是一种像table一样的标签。它的位置很好被控制。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。Internet Explorer和Netscape的浏览器都支持DIV标签。DIV和SPAN很多开发人员都把DIV元素同SPAN元素弄混淆了。尽管它们在特性上相同,但是SPAN是用来定义内嵌内容而不是大块内容的。你可以对段落使用DIV标签,但是SPAN对于为段落内的一个或者多个字赋予特殊的特性很有用。--------------------------------------------------------------------------------DIV标签允许你分割一个Web页面,以此来进行格式化和演示。可以将它和可视性的技巧组合起来使用,用以分割页面的内容,并显示你所选择的内容。下面这段示例代码使用了DIV标签将该页面分割成了多个区域;超链接会显示和隐藏这些区域:<html><head><title>div test</title><script language="JavaScript">function setAllVisible() {document.getElementById("section1").style.visibility="hidden";document.getElementById("section2").style.visibility="hidden";document.getElementById("section3").style.visibility="hidden";document.getElementById("section4").style.visibility="hidden";}</script></head><body onLoad='setAllVisible();'><h1>Builder.com Sample</h1><ul><li><a href="#"onClick='document.getElementById("section1").style.visibility="visible";document.getElementById("section2").style.visibility="hidden";document.getElementById("section3").style.visibility="hidden";document.getElementById("section4").style.visibility="hidden";'>Section 1</a></li><li><a href="#"onClick='document.getElementById("section1").style.visibility="hidden";document.getElementById("section2").style.visibility="visible";document.getElementById("section3").style.visibility="hidden";document.getElementById("section4").style.visibility="hidden";'>Section 2</a></li><li><a href="#"onClick='document.getElementById("section1").style.visibility="hidden";document.getElementById("section2").style.visibility="hidden";document.getElementById("section3").style.visibility="visible";document.getElementById("section4").style.visibility="hidden";'>Section 3</a></li><li><a href="#"onClick='document.getElementById("section1").style.visibility="hidden";document.getElementById("section2").style.visibility="hidden";document.getElementById("section3").style.visibility="hidden";document.getElementById("section4").style.visibility="visible";'>Section 4</a></li></ul><br><div id="section1">Section 1 text.</div><div id="section2">Section 2 text.</div><div id="section3">Section 3 text.</div><div id="section4">Section 4 text.</body></html>这段代码包括了一个用来隐藏所有DIV元素的JavaScript函数。当文档被加载的时候,这个函数就被调用了。点击每个超链接将会显示相关的区域并隐藏其他的区域。这种方式的一个弱点是,只有Internet Explorer 5或者更高版本的浏览器以及Netscape Navigator 6或者更高版本的浏览器才支持这些方法。但是,我使用Mozilla 1.01测试过,没有问题。只在必要的时候才显示信息将DHTML和JavaScript的强大能力组合起来使用,就能够让你预加载页面的内容,并在适当的时候显示其各个部分。这样就可以提高响应时间,因此能够为用户提供更高的性能。 谁有转换和历 西历的js 谢谢 对赋值为空的疑问 JS 动态生成表 后 ONCLICK事件的问题 Web开发工具 Aptana Studio 乱码无法解决 window.open打开新窗口怎么在遨游等浏览器中固定大小 有关html存储数据到xml,html提取xml信息的问题 MediaPlayer网页播放器,照抄网上的代码报错? 【快!快!快!】怎么用js根据text设置select下拉表的初值?【快!快!快!】 找不到框架名了,无法刷新 提交并关闭窗口的问题(续):如何知道是从哪个窗口过来的子窗体? javesript函数中,参数如何传址 菜鸟问题,来者有分
很多开发人员都把DIV元素同SPAN元素弄混淆了。尽管它们在特性上相同,但是SPAN是用来定义内嵌内容而不是大块内容的。你可以对段落使用DIV标签,但是SPAN对于为段落内的一个或者多个字赋予特殊的特性很有用。
--------------------------------------------------------------------------------DIV标签允许你分割一个Web页面,以此来进行格式化和演示。可以将它和可视性的技巧组合起来使用,用以分割页面的内容,并显示你所选择的内容。下面这段示例代码使用了DIV标签将该页面分割成了多个区域;超链接会显示和隐藏这些区域:
<html><head>
<title>div test</title>
<script language="JavaScript">
function setAllVisible() {
document.getElementById("section1").style.visibility="hidden";
document.getElementById("section2").style.visibility="hidden";
document.getElementById("section3").style.visibility="hidden";
document.getElementById("section4").style.visibility="hidden";
}
</script></head>
<body onLoad='setAllVisible();'>
<h1>Builder.com Sample</h1>
<ul>
<li><a href="#"
onClick='
document.getElementById("section1").style.visibility="visible";
document.getElementById("section2").style.visibility="hidden";
document.getElementById("section3").style.visibility="hidden";
document.getElementById("section4").style.visibility="hidden";'>Section 1</a></li>
<li><a href="#"
onClick='
document.getElementById("section1").style.visibility="hidden";
document.getElementById("section2").style.visibility="visible";
document.getElementById("section3").style.visibility="hidden";
document.getElementById("section4").style.visibility="hidden";'>Section 2</a></li>
<li><a href="#"
onClick='
document.getElementById("section1").style.visibility="hidden";
document.getElementById("section2").style.visibility="hidden";
document.getElementById("section3").style.visibility="visible";
document.getElementById("section4").style.visibility="hidden";'>Section 3</a></li>
<li><a href="#"
onClick='
document.getElementById("section1").style.visibility="hidden";
document.getElementById("section2").style.visibility="hidden";
document.getElementById("section3").style.visibility="hidden";
document.getElementById("section4").style.visibility="visible";'>Section 4</a></li>
</ul><br>
<div id="section1">Section 1 text.</div>
<div id="section2">Section 2 text.</div>
<div id="section3">Section 3 text.</div>
<div id="section4">Section 4 text.</body>
</html>这段代码包括了一个用来隐藏所有DIV元素的JavaScript函数。当文档被加载的时候,这个函数就被调用了。点击每个超链接将会显示相关的区域并隐藏其他的区域。这种方式的一个弱点是,只有Internet Explorer 5或者更高版本的浏览器以及Netscape Navigator 6或者更高版本的浏览器才支持这些方法。但是,我使用Mozilla 1.01测试过,没有问题。
只在必要的时候才显示信息将DHTML和JavaScript的强大能力组合起来使用,就能够让你预加载页面的内容,并在适当的时候显示其各个部分。这样就可以提高响应时间,因此能够为用户提供更高的性能。