首页编程java编程javascript div是什么(jsp中的div是什么意思)

javascript div是什么(jsp中的div是什么意思)

编程之家2023-10-1381次浏览

这篇文章给大家聊聊关于javascript div是什么,以及jsp中的div是什么意思对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。

javascript div是什么(jsp中的div是什么意思)

jsp中的div是什么意思

jsp中div是层的意思,在jsp中,form表单通过submit按钮提交时,可以通过读取div获取后台需要处理的数据

div中可以存储一些数据,并且div中可以存在div,也就是可以嵌套使用。而且并不影响各个div发挥自己的功能

由于div的存在,使得js可以通过读取不同的div id属性或name属性提取到value或者其他效验条件数据进行判定返回布尔类型或其他判定条件。在div中可以添加img、input等标签进行数据显示,读取,验证(验证码功能)。

javascript div是什么(jsp中的div是什么意思)

css里的div指的是什么

简单的说就是一个标签

我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。

而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!

javascript div是什么(jsp中的div是什么意思)

Cascading Style Sheets(CSS)是 DHTML的基础。CSS用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning(CSS-P)是 CSS的一个扩展,它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词:CSS和 CSS-P。下面四个英文网址提供了详细的关于 CSS和 CSS-P的文件和解释。

● 1.使用 DIV标签(div)

当我们使用 CSS-P的时候,我们主要把它用在 DIV(division)tag上。当你把文字,图象,或其他的放在 DIV中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在 DIV中的 HTML。

使用 DIV的方法跟使用其他 tag的方法一样:

<DIV>This is a DIV tag.</DIV>

如果单独使用 DIV而不加任何 CSS-P,那么它在网页中的效果和使用<P></P>是一样的。

但当我们把 CSS-P用到 DIV中去以后,我么就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P控制的 DIV一个 ID或说是它的名字。比如说我们给下面这个 DIV的名字是 truck。给名字的目的是我们以后可用 JavaScript来控制它,比如说移动它或改变它的一些性质等等。

<DIV ID="truck">

This is a truck

</DIV>

给层次取什么名字是随意的,名字可以是任何英文字母和数字,但第一个必须是字母。有两种把 CSS-P应用到 DIV的方法。

Inline CSS:Inline是最常用的方法。

<DIV ID="truck" STYLE="styles go here">

This is a truck.

</DIV>

External STYLE tag:使用 External方法的结果是一样的。我们会在以后的课程里再详细解释这种方法。现在我们主要讨论Inline方法。请注意在 External方法里,在 STYLE里的 ID和 DIV里的关系。

<STYLE TYPE="text/css">

<!--#truck{styles go here}-->

</STYLE>

<DIV ID="truck">This is a truck.</DIV>

Cross-Browser CSS性质:

我们这个课程的主要目的是让你写出的网页在 NS4和 IE4上都能工作,所以我们主要讨论那些对俩者都通用的性质。下面这些性质符合由 W3C给出的标准。

position决定 DIV tag是如何放置的。“relative”意思是DIV的位置是相对于其他 tag的,而“absolute”是说 DIV tag的位置是相对于它所在的窗口。

left相对于窗口左边的位置

top相对于窗口上边的位置

width DIV tag的宽度。所有在 DIV里的文字或html都在里面。

height DIV tag的高度。这个性质很少用除非你想 Clip层次。

clip给出 layer的 clipping(可看的见的)部分。Clip可使得 DIV显示为一个可以定义的很准确的方块。你可以用以下的四个值来给出这个方块的在 DIV位置和大小。

clip:rect(top,right,bottom,left);

visibility隐蔽或展现DIV根据它的值“visible”,“hidden”,“inherit”。

z-index DIV tag的立体位置。值越大 DIV的位置越高。

background-color DIV背景的颜色。

layer-background-color Netscape的 DIV背景颜色。

background-image DIV的背景图象。

layer-background-image Netscape的 DIV的背景图象。

● 2.绝对定位和相对定位(position)

绝对定位:

定位属性将是网虫们打开幸福之门的钥匙:

H4{ position: absolute; left: 100px; top: 43px}

这项CSS规则让浏览器将<H4>的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置。注意这里唯一设置了的是左边和顶部,也就说,文字将从左到右,从上到下载入浏览窗口。

左边和顶部属性很直观,左边(left)设定要素距浏览器窗口左边的距离,顶部(top)设定距离浏览器窗口顶部的距离。设定这些距离时,你可以使用所学过的各种度单位或比例值。使用比例值时,比例值的是相对于母体要素的尺寸。

你可以定位什么呢?任何东西!段落、单词、GIF和JPEG图象、QUICKTIME电影等等。

相对定位:

绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例:

I{ position: relative; left: 40px; top: 10px}

相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。相对定位单元出现在普通的静态定位单元的行间,定位时没有把自己和静态定位单元完全分开。如果你停止使用相对定位,则文字的显示位置将恢复正常。使用相对定位时要小心,否则容易将页面弄得非常乱。

除了相对定位和绝对定位,你还可以使用static(静止)参数值。Static是 position特性的缺省值。它的使用方法同普通HTML中的定位方法,不能附加特殊的定位设置。也就是说,除了边距特性,或通过使用 float特性来浮动单元可影响单元的定位外,其它均不可以。

● 3.定位单元的控制(width、height、visiblility)

除了控制定位单元的左上角位置,你还可以控制单元的宽度和高度,及单元在页面的可视性。

宽度:定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制,即设定要素的宽度。

DIV{ position: absolute; left: 200px; top: 40px; width: 150px}

浏览器接到这项规则时,它将文字按照规则规定的效果显示,还将段落的最大水平尺寸限制在150象素。

宽度属性只适用于绝对定位的要素。你可以使用我们学过的任何一种长度单位,或使用比例值设定宽度,比例值指相对于母体要素的比例。IE 4中,这项属性还可用于图象。你可以通过宽度设置人为地拉宽或压缩图象。

高度:理论上讲,高度应该和宽度的设置类似,只不过是在垂直方向上:

DIV{ position: absolute; left: 200px; top: 40px; height: 150px}

这里我用了“理论上讲”,因为有些浏览器不支持高度属性。

可视性:利用CSS,你可以隐藏要素,使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。

H4{ visibility: hidden}

选项:

visible使要素可以被看见

hidden使要素被隐藏

inherit指它将继承母体要素的可视性设置。

值 inherit为缺省值。这使单元继承父单元的可见性。所以,如果某一段是隐藏的,则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。例如,段内的 EM单元被指定为可见,这时如果该段被隐藏,则段内的所有其它内容都将消失,而唯有 EM单元中的文本是可见的。

当一个要素被隐藏后,它仍然要占据浏览器窗口中的原有空间。所以,如果你将文字包围在一幅被隐藏的图象周围,那么,其显示效果将是文字包围着一块空白区域。此新闻

这条属性在编写语言和使用动态HTML时很有用,比如你可以使某段落或图象只在鼠标滑过时才显示。

● 4.单元层次(z-index)

特性 z-index用于堆叠屏幕上的单元。缺省情况下,单元堆叠的顺序为它们出现在HTML标记的顺序——也就是说,后出现单元堆叠在早出现单元的上面。Z-index特性实际上定义同属(sibling)单元的堆叠顺序以及单元相对父单元的堆叠。按照规范草案,具有正 z-index值的单元群都堆叠在父单元之上,它们自己的堆叠顺序则按其取值的大小来决定(值大的单元在上层)。同样,具有负 z-index值的单元群都堆叠在父单元之下,它们自己的堆叠顺序也按取值的大小来定(值大的单元在上层,例如值为-1的单元在值为-2的单元的上面)。

该参数值使用纯整数。z-index用于绝对定位或相对定位了的要素。你也可以给图象设定z-index。(对于Communicator,最好将<IMG>标签包在<SPAN>或<DIV>标签内,然后将z-index应用到<SPAN>或<DIV>。)

● 5.剪辑绝对定位单元(clip)

绝对定位单元可以被剪辑——也即剪辑显示给用户的区域,只显示单元的一部分而把其余部分作透明处理。对于传统的基于文本和图像的网络页面,这并不是一个很有用的特征。但若要求多媒体页面,这是很有用的。如 Netscape Communivator 4和 Internet Explorer 4都支持多媒体页面,它们通过文档的脚本接口动态地调整单元周围的剪辑区,从而实线文本“划入”和图像渐显等显示特征。

在CSS中,剪辑通过 clip特性来控制,这一特性只能用于绝对定位单元,其缺省值为 auto,按单元的外边缘来剪辑单元(实际上等于没有剪辑)。另外,可通过如下表达式设置剪辑框:

clip: rect(top,right.bottom,left);

其中 top、right、bottom和 left分别是矩形剪辑框的上边、右边、下边和左边相对于被剪辑单元左上角的位置。Top、right、bottom和 left的值可以为任意绝对或相对长度值(但不能为百分比值),或者是关键字 auto。取值为 auto意味着剪辑区域的各边放好以后,被剪辑单元中的任何内容都不会超出这个区域。

● 6.控制单元溢出(overflow)

固定绝对或相对定位单元的 width和 height,很可能会因为指定的区域不能满足单元实际内容的需要,而造成单元内容溢出。这时可使用 overflow来指定浏览器如何处理溢出:值 none(缺省值)允许浏览器显示溢出的内容,因此单元可溢出指定的区域。而值 clip要求浏览器在单元底部和右边剪辑单元内容,这样,超出指定区域的单元内容将不显示。值 scroll也同样要求浏览器在单元底部和右边剪辑单元内容(同 clip),不过,浏览器应该(如果可能的话)为单元提供滚动条以使用户能通过滚动来浏览被剪辑的内容。

html语言中,<div>是干什么的 啊

<DIV>称为区隔标记。作用:设定字、画、表格等的摆放位置。当你把文字,图象,或其他的放在 DIV中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在 DIV中的 HTML。

<DIV>应用于 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织能力,有 Class; Style; title; ID等属性,将会于【Style Sheet】一节才作详述,这处只介绍一个属性设定。

以<DIV align="center">为例:

align="center"

可选值:center; left; right。决定字、画、表格等居中、靠左或靠右。

<DIV align="center">的作用和居中标记<CENTER>一样,前者是由 HTML3.0开始的标准,后者是通用己久的标示法。

CSS单元的位置和层次-div标签

我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。

而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!

Cascading Style Sheets(CSS)是 DHTML的基础。CSS用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning(CSS-P)是 CSS的一个扩展,它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词:CSS和 CSS-P。下面四个英文网址提供了详细的关于 CSS和 CSS-P的文件和解释。

● 1.使用 DIV标签(div)

当我们使用 CSS-P的时候,我们主要把它用在 DIV(division)tag上。当你把文字,图象,或其他的放在 DIV中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在 DIV中的 HTML。

使用 DIV的方法跟使用其他 tag的方法一样:

<DIV>This is a DIV tag.</DIV>

如果单独使用 DIV而不加任何 CSS-P,那么它在网页中的效果和使用<P></P>是一样的。

但当我们把 CSS-P用到 DIV中去以后,我么就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P控制的 DIV一个 ID或说是它的名字。比如说我们给下面这个 DIV的名字是 truck。给名字的目的是我们以后可用 JavaScript来控制它,比如说移动它或改变它的一些性质等等。

<DIV ID="truck">

This is a truck

</DIV>

给层次取什么名字是随意的,名字可以是任何英文字母和数字,但第一个必须是字母。有两种把 CSS-P应用到 DIV的方法。

Inline CSS:Inline是最常用的方法。

<DIV ID="truck" STYLE="styles go here">

This is a truck.

</DIV>

External STYLE tag:使用 External方法的结果是一样的。我们会在以后的课程里再详细解释这种方法。现在我们主要讨论Inline方法。请注意在 External方法里,在 STYLE里的 ID和 DIV里的关系。

<STYLE TYPE="text/css">

<!--#truck{styles go here}-->

</STYLE>

<DIV ID="truck">This is a truck.</DIV>

Cross-Browser CSS性质:

我们这个课程的主要目的是让你写出的网页在 NS4和 IE4上都能工作,所以我们主要讨论那些对俩者都通用的性质。下面这些性质符合由 W3C给出的标准。

position决定 DIV tag是如何放置的。“relative”意思是DIV的位置是相对于其他 tag的,而“absolute”是说 DIV tag的位置是相对于它所在的窗口。

left相对于窗口左边的位置

top相对于窗口上边的位置

width DIV tag的宽度。所有在 DIV里的文字或html都在里面。

height DIV tag的高度。这个性质很少用除非你想 Clip层次。

clip给出 layer的 clipping(可看的见的)部分。Clip可使得 DIV显示为一个可以定义的很准确的方块。你可以用以下的四个值来给出这个方块的在 DIV位置和大小。

clip:rect(top,right,bottom,left);

visibility隐蔽或展现DIV根据它的值“visible”,“hidden”,“inherit”。

z-index DIV tag的立体位置。值越大 DIV的位置越高。

background-color DIV背景的颜色。

layer-background-color Netscape的 DIV背景颜色。

background-image DIV的背景图象。

layer-background-image Netscape的 DIV的背景图象。

● 2.绝对定位和相对定位(position)

绝对定位:

定位属性将是网虫们打开幸福之门的钥匙:

H4{ position: absolute; left: 100px; top: 43px}

这项CSS规则让浏览器将<H4>的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置。注意这里唯一设置了的是左边和顶部,也就说,文字将从左到右,从上到下载入浏览窗口。

左边和顶部属性很直观,左边(left)设定要素距浏览器窗口左边的距离,顶部(top)设定距离浏览器窗口顶部的距离。设定这些距离时,你可以使用所学过的各种度单位或比例值。使用比例值时,比例值的是相对于母体要素的尺寸。

你可以定位什么呢?任何东西!段落、单词、GIF和JPEG图象、QUICKTIME电影等等。

相对定位:

绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例:

I{ position: relative; left: 40px; top: 10px}

相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。相对定位单元出现在普通的静态定位单元的行间,定位时没有把自己和静态定位单元完全分开。如果你停止使用相对定位,则文字的显示位置将恢复正常。使用相对定位时要小心,否则容易将页面弄得非常乱。

除了相对定位和绝对定位,你还可以使用static(静止)参数值。Static是 position特性的缺省值。它的使用方法同普通HTML中的定位方法,不能附加特殊的定位设置。也就是说,除了边距特性,或通过使用 float特性来浮动单元可影响单元的定位外,其它均不可以。

● 3.定位单元的控制(width、height、visiblility)

除了控制定位单元的左上角位置,你还可以控制单元的宽度和高度,及单元在页面的可视性。

宽度:定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制,即设定要素的宽度。

DIV{ position: absolute; left: 200px; top: 40px; width: 150px}

浏览器接到这项规则时,它将文字按照规则规定的效果显示,还将段落的最大水平尺寸限制在150象素。

宽度属性只适用于绝对定位的要素。你可以使用我们学过的任何一种长度单位,或使用比例值设定宽度,比例值指相对于母体要素的比例。IE 4中,这项属性还可用于图象。你可以通过宽度设置人为地拉宽或压缩图象。

高度:理论上讲,高度应该和宽度的设置类似,只不过是在垂直方向上:

DIV{ position: absolute; left: 200px; top: 40px; height: 150px}

这里我用了“理论上讲”,因为有些浏览器不支持高度属性。

可视性:利用CSS,你可以隐藏要素,使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。

H4{ visibility: hidden}

选项:

visible使要素可以被看见

hidden使要素被隐藏

inherit指它将继承母体要素的可视性设置。

值 inherit为缺省值。这使单元继承父单元的可见性。所以,如果某一段是隐藏的,则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。例如,段内的 EM单元被指定为可见,这时如果该段被隐藏,则段内的所有其它内容都将消失,而唯有 EM单元中的文本是可见的。

文章到此结束,如果本次分享的javascript div是什么和jsp中的div是什么意思的问题解决了您的问题,那么我们由衷的感到高兴!

java里方法有什么类型(java方法类型有哪些)java 字符串用什么编码格式 请问java如何改变字符串的编码方式