- 浏览: 1214134 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (434)
- js (20)
- struts2 (77)
- spring (11)
- hibernate (17)
- ssh整合 (9)
- 程序例子 (4)
- 正则表达式 (8)
- JSP (20)
- IDE (15)
- 数据库 (10)
- 工作经验技巧感悟 (21)
- 程序员的幽默 (4)
- windows设置 (4)
- 名词解释 (4)
- 技术入门 (4)
- jFreeChart (16)
- OGNL (5)
- java基础 (46)
- dwr (4)
- portal (1)
- 示例用到的附件 (0)
- 优秀程序员45个习惯 (1)
- webService (1)
- shell (3)
- ibatis (3)
- 开发工具 (1)
- OS (3)
- xmlbean (2)
- design_pattern (0)
- error (1)
- testng (2)
- python (18)
- hadoop (21)
- mapreduce (9)
- Hive (0)
- HBase (0)
- ubuntu (22)
- 多线程 (7)
- 自我改进 (6)
- 设计模式 (1)
- ssh (2)
- ant (4)
- guake (2)
- 云计算 (9)
- hdfs (3)
- 大数据 (1)
- 电信业务 (1)
- maven (2)
- svn (5)
- UML (1)
- 待处理问题 (2)
- log4j (1)
- css (1)
- LevelDb (0)
- thrift (6)
- 辅助工具 (3)
- 算法 (1)
- tornado (0)
- twisted (1)
- jvm (0)
- 图书 (1)
- 其他 (1)
- oracle (2)
- mvn (1)
- 私人信息 (0)
- nio (1)
- zookeeper (1)
- JavaIO (3)
- mongodb (1)
- java-高级 (6)
- spring-深入 (1)
- tomcat (1)
- quartz (1)
- 面试题 (1)
- redis (3)
- EJBCA (0)
- spring-3.0 (1)
- memcache (3)
- 性能检测 (1)
- android (0)
- 开源项目 (1)
- 将博客搬至CSDN (0)
- 架构之路 (1)
最新评论
-
pjwqq:
“子类对象”都拥有了“父类对象的一个实例的引用”我晕,应该是“ ...
java继承--父类属性的存放位置 -
gwgyk:
关于楼主最后的问题,我想可能是这样:InputFormat默认 ...
eclipse 运行hadoop wordcount -
fanjf:
上述7点基本具备,可惜现在因为项目需要,做管理方面工作!
如何判断自己是否具有成为一名优秀程序员的潜质 -
摸爬滚打NO1:
链接已经失效
Eclipse添加JSEclipse 插件(js插件) -
younglibin:
看了以上7条, 自己 也不知道是否能够对上, 感觉没一点都有那 ...
如何判断自己是否具有成为一名优秀程序员的潜质
<html>
<head>
<title>隐藏文本</title>
<script language="javascript">
function testVisibility()
{
document.all("tb_0").style.visibility="hidden";
document.all("tb_1").style.visibility="visible";
}
function testDisplay()
{
document.all("tb_0").style.display="none";
document.all("tb_1").style.display="block";
}
function test()
{
document.all("tb_0").style.visibility="visible";
document.all("tb_1").style.visibility="visible";
document.all("tb_0").style.display="block";
document.all("tb_1").style.display="block";
}
</script>
</head>
<body>
JS中的style对象中的display属性和visibility属性的区别 收藏
一、 display属性的常用属性值有两个,分别为
1、none: 隐藏,不占位,空件之间重新定位
2、block: 显示
二、 visibility属性的常用属性值有两个,分别为
1、hidden: 隐藏,占位
2、visible : 显示
示例:
<form name="form1" method="post">
<table id="tb_0">
<tr>
<td>内容测试--visible</td>
</tr>
</table>
<table id="tb_1">
<tr>
<td>内容测试--hidden</td>
</tr>
</table>
<input type="button" onClick="test();" value="还原">
<input type="button" onClick="testVisibility();" value="测试visibility">
<input type="button" onClick="testDisplay();" value="测试display">
</form>
</body>
</html>
style.display属性一切皆有可能
display版本:CSS1/CSS2 兼容性:IE4+ NS4+ 继承性:无
语法:
display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group
参数:
block : CSS1 块对象的默认值。用该值为对象之后添加新行
none : CSS1 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。用该值将从对象中删除行
compact : CSS2 分配对象为块对象或基于内容之上的内联对象
marker : CSS2 指定内容在容器对象之前或之后。要使用此参数,对象必须和:after及:before 伪元素一起使用
inline-table : CSS2 将表格显示为无前后换行的内联对象或内联容器
list-item : CSS1 将块对象指定为列表项目。并可以添加可选项目标志
run-in : CSS2 分配对象为块对象或基于内容之上的内联对象
table : CSS2 将对象作为块元素级的表格显示
table-caption : CSS2 将对象作为表格标题显示
table-cell : CSS2 将对象作为表格单元格显示
table-column : CSS2 将对象作为表格列显示
table-column-group : CSS2 将对象作为表格列组显示
table-header-group : CSS2 将对象作为表格标题组显示
table-footer-group : CSS2 将对象作为表格脚注组显示
table-row : CSS2 将对象作为表格行显示
table-row-group : CSS2 将对象作为表格行组显示
发表评论
-
点击table首行列名按该列内容排序+冻结窗口
2010-01-08 09:06 4404注意 : 这里的只适用于 表头的 (即:首行的)td 和显示 ... -
dwr和js来实现ajax技术
2009-12-17 16:58 2171在jsp页面 处于一个超链接: 如下图:对于处理状态 和 ... -
dom属性实例
2009-12-16 11:30 1669文档对象模型(DOM)是表示文档(比如HTML和XM ... -
js 格式化时间
2009-12-16 11:20 3909/** * 时间对象的格式化; */ D ... -
jsp页面 显示和隐藏提示信息
2009-12-04 16:01 5559function hide(){ var bloc ... -
javascript页面跳转常用代码
2009-11-30 08:56 19662009-11-16 19:20 按钮 ... -
用JS弹出窗口及参数解释
2009-11-30 08:54 1511用JS弹出窗口 ... -
javascript 控制优化页面 js 加载顺序
2009-11-30 08:49 3070学习js的时候,经常会遇到这样的问题,如何控制dom、js在页 ... -
js全选例子一个
2009-09-11 11:09 1634<html><head> < ... -
js中的窗体(window)
2009-09-11 10:39 1782showModalDialog() ... -
js三级联动
2009-08-26 15:50 1672<html> <head> < ... -
JS函数一览100条
2009-08-26 13:15 12711.document.write(""); ... -
getElementById获得div <a> 之间的值
2009-08-24 15:53 2677get-Element-By-Id,就是通过ID来设置/返回 ... -
js中document在IE出错在Firefox正确
2009-08-24 15:51 1887Element_value = document . getE ... -
一个js登陆验证例子 经典
2009-08-24 15:16 4182<html> <head> < ... -
EL表达式
2009-08-24 09:24 1833EL表达式总是用大括号 ... -
js在jsp中的加载执行顺序
2009-08-22 11:13 4868页面上的Javascript代码是HTML文档的一部分,所以J ... -
XTREE jsp页面的tree 结构
2009-08-21 10:46 2581每个结点有一个状态叫做OPEN(打开); 如果结点为OPEN, ... -
js中cloneNode()的使用 两个例子
2009-08-20 15:41 11224cloneNode() 方法可创建指定的节点的精确拷贝。 (可 ...
相关推荐
隐藏域操作经常 用到奥
比如,以下代码创建了一个隐藏域,并在提交表单后,服务器端通过Request对象获取并显示隐藏域的值: ```html 隐藏域值为:" & Request("id")%> ``` 综上所述,隐藏域在网页开发中有着广泛的应用,无论是身份验证...
在HTML(超文本标记语言)中,隐藏域(hidden fields)是一种特殊类型的输入元素,用于在表单提交时传递信息,但不在用户界面中显示。它们对于存储与页面交互相关的数据,如用户会话信息、预设值或不希望用户直接...
点击复选框出现隐藏域 html+js 方便简单 一般会程序的人都能看懂的。而且代码执行效率高
对隐藏元素的监听,例如,隐藏的input框,普通change事件是无法监控的。
5. 模拟全局变量:在客户端使用JavaScript时,全局变量可能会丢失,通过隐藏域可以将数据临时存储在页面上,保证数据在客户端的持久性。 6. 实现特定的客户端逻辑:例如,当需要在多个小窗口中传递数据而浏览器不...
4. **JavaScript全局变量存储**:由于JavaScript本身不支持全局变量,因此可以在页面中创建一个隐藏域,将需要在多个脚本间共享的数据存储于此,从而实现类似全局变量的功能。 5. **窗口间通信**:在一些复杂的应用...
在Angular中实现点击按钮控制页面元素隐藏与显示的示例代码,主要涉及AngularJS框架的一些基本操作。通过具体实例,我们可以学习如何使用AngularJS指令和控制器来实现这一功能,这对于初学者来说是一个非常实用的...
在JavaScript中实现图片上传预览是一项常见的前端功能,它允许用户在正式上传图片到服务器之前先看到图片的效果,提供了一种良好的用户体验。这个过程通常包括选择图片、读取图片数据、处理图片(如尺寸调整)以及在...
隐藏表单域不会在页面上显示,但可以用于存储数据,尤其在提交表单时很有用。下面我们将详细探讨如何实现多选框的值赋给隐藏表单域,并且通过一个HTML示例来展示这个过程。 首先,理解多选框的工作原理是关键。在...
网页制作中隐藏域的妙用 在网页制作中,我们知道有一个input ="hidden"的属性,顾名思义它就是隐藏在网页中的的一个元素,并不在网页中显示出来。 那么它的作用是什么呢.作过cgi,asp,php,jsp等的朋友都知道...
此外,CSS中也提供了display和visibility属性,用于控制元素的显示和隐藏,这在某些情况下可以与JavaScript一起使用,达到更好的效果。 最后,需要注意的是,在JavaScript中,对页面元素的操作可能会受到CSS样式的...
"纯JS实现鼠标划过时显示提示框"这个主题涉及到了JavaScript基础、DOM操作、事件处理以及自定义插件开发等知识点。 1. **JavaScript基础**:JavaScript是网页动态效果的核心,它是一种脚本语言,可以在浏览器端运行...
原因是隐藏域的加载在JavaScript执行之后,所以在JavaScript执行FileSave命令时,`curFirstDept`的值还未更新到页面上。 **四、只读编辑状态下的域加载区别** 1. **编辑状态开启**:所有域(包括隐藏域和计算域)...
JavaScript是Web开发中不可或缺的一部分,尤其在处理时间与日期的操作上。本文将深入探讨JavaScript如何获取时间,并通过实例展示如何实现实时更新的时间显示。 在JavaScript中,获取时间主要是通过`Date`对象来...
在实际开发中,我们通常会将这些指令放在AngularJS控制器的作用域($scope)中,并动态地修改这些作用域变量来控制元素的显示和隐藏。如示例中的控制器定义`a2_12.controller('c2_12',['$scope',function($scope){ $...
在实际使用中,有时我们可能会遇到针对隐藏域(`<input type="hidden">`)的验证以及程序动态赋值后的即时验证问题。本文将对这两个问题进行深入探讨,并给出解决方案。 ### 隐藏域验证问题 在 Bootstrap ...
这些事件可以用来实现动态交互,如文本框的文字显示和隐藏。 2. **样式控制**:JS 可以动态修改元素的样式,例如通过`style.backgroundColor`改变背景色,`style.color`改变字体颜色,`style.borderColor`调整边框...
例如,你可能希望在隐藏`iframe`后显示一条消息,或者在重新显示`iframe`时提供一个选项。这些可以通过扩展上述代码来实现。 在提供的压缩包文件中,"jquery_点击按钮_隐藏父页-引用页的iframe"可能包含了示例代码...