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"; ......
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"; ......
利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。两种方式其实差不多，但第一种有可能在IE上有问题，所以推荐大家使用第二种了，直接说吧。
1、inserRow()和insertCell()函数
insertRow()函数可以带参数，形式如下：
insertRow(index)：index从0开始
这个函数将新行添加到index的那一行前，比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于insertRow(-1)，将新行添加到表的最后。一般我们在使用的时候都是：objTable.insertRow(objTable.rows.length).就是为表格objTable在最后新增一行。
insertCell()和insertRow的用法相同，这里就不再说了。
2、deleteRow()和deleteCell()方法
deleteRow()函数可以带参数，形式如下：deleteRow(index)：index从0开始
和上面两个方法差不多的意思，就是删除指定位置的行和单元格。要传入的参数：Index是行在表格中的位置，可以下面的方法取得然后去删除：
var row=document.getElementById("行的Id");
var index=row.rowIndex;//有这个属性，嘿嘿
objTable.deleteRow(index);
在使用过程中我碰到的一个问题跟大家说一下，就是删除表格的行的时候，如果你删除了� ......
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统时间的显示</title>
<script type="text/javascript">
function getDate() {
window.setInterval("setDate()", 1000); //循环调用
}
function setDate() {
var date = new Date();
document.getElementById('time').value = date.toLocaleTimeString();
}
</script>
</head>
<body onload="return getDate();">
现在时间是：<input type="text" name="time" value="" />
</body> ......
//构造函数
function myClass(message)
{
//公有属性
this.myMessage = message;
//私有属性
var _separator = ' -';
var _myOwner = this;
//私有方法
function showMessage()
{
alert(_myOwner.myMessage);
}
//特权方法(也是公有方法)
this.appendToMessage = function(appendMessage)
{
this.myMessage += _separator + appendMessage;
showMessage();
}
}
//公有方法
myClass.prototype.clearMessage = function()
{
this.myMessage = '';
}
myClass.prototype = {
clearMessage:function(){
this.myMessage = '';
}
}
//静态属性
myClass.myName = 'SOBusiness';
//静态方法
myClass.alertName = function()
{
alert(this.name);
}
注：其中公有方法声明的部分采用的两种方式，在实际应用中一般采取一种方式就可以了，如果两种方式都要采用的话，应注意顺序，防止前面写的方法被清空或覆盖。 ......
定义和用法
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。
语法
eval(string)
参数描述
string
必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。
返回值
通过计算 string 得到的值（如果有的话）。
说明
该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。
如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ECMAScript 实现允许抛出一个 EvalError 异常。
抛出
如果参数中没有合法的表达式和语句，则抛出 SyntaxError 异常。
如果非法调用 eval()，则抛出 EvalError 异常。
如果传递给 eval() 的 Javascript 代码生成了一个异常，eval() 将把该异常传递给调用者。
提示和注释
提示：虽然 eval() 的功能非常强大，但在实际使用中用到它的情况并不多。
实例
例子 1
在本例中，我们将在几个字符串上运用 eval()，并看看返回的结果：
<script type="text/javascript">
eval("x=10;y=20;doc ......
B.1 anchor对象
使用标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。
anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。
B.2 anchors数组
anchors数组是document对象的一个属性,是文档内所有anchor对象的一个列表如果anchor也是一个link(链接),则它会同时出现在anchors和links数组中。
属性
length 文档内的锚点个数
B.3 array对象
array对象是Netscape Navlgator 3.0 beta 3中引入的一个新的对象,因而,它不能在Netscape 2.0中使用它是一个内置对象,而不是其它对象的属性。
属性
length 数组中的值个数
B.4 button对象
它是form对象的一个属性,使用标记来创建。
属性
name HTML标记中的NAME=特性
value HTML标记中的VALUE=特性
方法
click 模拟鼠标单击一按钮
事件处理程序
Onclick
B.5 checkbox 对象
它是form对象的一个属性,使用标记来创建。
属性
checked 复选框的选择状态
defaultChecked 标记的CHECKED=特性
name 标记的NAME=特性
value 标记的VALUE=特性
......
最新文章 : javascript