易截截图软件、单文件、免安装、纯绿色、仅160KB

javascript 控制 html元素 显示/隐藏

javascript 控制 html元素 显示/隐藏
1。编写js函数
 <script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
 </script>
2. 要显示/隐藏的html元素加上 id 属性
<table>
   <tr id="menu" >  
      <td>控制这个tr的显示/隐藏</td>
  </tr>
</table>
3,添加按钮,链接等触发 js 函数
<input type="button" onclick="display('menu')"  value="显示/隐藏"/>
<a href="#"  onclick="display('menu')"  >显示/隐藏</a>
javascript显示隐藏层<div id="layer" style="display:none;">广告</div>
<input type="botton" onclick="display(layer)">
二:javascript控制页面控件隐藏显示的两种方法
javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位
方法一:
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二:
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";
方法一隐藏后 页面的位置还被控件占用 只是不显示
方法二隐藏后 页面的位置不被占用
Example:
(1)
<script type="text/javascript">
function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";}
function $(s){return document.getElementById(s);}
 </script>
<div>
<table>
   <tr id="menu" > 
      <td>XXXX</td>
  </tr>
</table>
<input type="button" onclick="display('menu')"  value="show/hide"/>
<div i


相关文档:

HTML 5 事件属性


标准事件属性
HTML 4 增加了通过事件触发浏览器中行为的能力,比如当用户点击某个元素时启动一段 JavaScript。
如果需要学习更多有关使用这些事件进行编程的内容,请学习我们的 JavaScript 教程 和 DHTML 教程。
下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。
HTML 4.01 与 HTML 5 之间的差异 ......

JavaScript Calls from C++

最近要用到相关技术,先贴在这,有空再翻页。
本文转自:
http://www.codeguru.com/Cpp/I-N/ieprogram/article.php/c4399
http://www.codeguru.com/cpp/i-n/ieprogram/article.php/c4399/JavaScript-Calls-from-C.htm
http://www.codeproject.com/KB/COM/jscalls.aspx

Introduction
Sometimes, when we are usi ......

Javascript 验证输入表单的正确性

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
        <title>使用JavaScript验证输入表单的正确性 </title>    ......

javascript写的表格排序

/**
* 表格排序(单个表格,降序)
* @example
* <code>
* <table is_sort="1">
* <tr>
* <th><a href="javascript:void(0)" mce_href="javascript:void(0)" onclick="table_sort(0, 0)">field1</a></th>
* <th><a href="javascript:void(0)" mce_href ......

JavaScript常用浏览器对象

1、对象的分级体系
  每个HTML文档被装入浏览器中时浏览器就创建了一系列分级的对象体系,此体系反映了HTML文档的属性.
  在每一个HTML页中含有下面的对象:
  navigator:含有正在使用的Navigator的名称、版本属性,客户端支持的MIME类型属性,客户端安装的"插件"类型。
  window:最高等级的对象,拥有整个窗 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号