Javascript 为什么这个代码在IE中不起作用?此外,按钮应为图像按钮,而非常规按钮
此代码在FF中工作,但在IE中不工作 我不明白为什么“clickme”按钮在IE中仍然不可见。。 另外,请将按钮更改为自定义图像按钮。。您可以在代码中使用任意随机图像,如image.JPG 谢谢你的帮助Javascript 为什么这个代码在IE中不起作用?此外,按钮应为图像按钮,而非常规按钮,javascript,select,button,drop-down-menu,Javascript,Select,Button,Drop Down Menu,此代码在FF中工作,但在IE中不工作 我不明白为什么“clickme”按钮在IE中仍然不可见。。 另外,请将按钮更改为自定义图像按钮。。您可以在代码中使用任意随机图像,如image.JPG 谢谢你的帮助 <html> <script language="javascript"> var myLink = ""; function hideMe() { document.getElementById('btn3').style.visibility='hid
<html>
<script language="javascript">
var myLink = "";
function hideMe() {
document.getElementById('btn3').style.visibility='hidden';
}
function setMyAdd() {
location.href=myLink;
}
function checkForChange() {
document.getElementById('btn1').style.visibility='visible';
document.getElementById('btn2').style.visibility='visible';
var buttonSelected=selList.value;
// alert("Option Selected is : " + buttonSelected );
if (buttonSelected=="optx") {
myLink = "myPage2.html";
document.getElementById('btn1').style.visibility='hidden';
document.getElementById('btn2').style.visibility='visible';
document.getElementById('btn3').style.visibility='visible';
} else {
myLink = "myPage1.html";
document.getElementById('btn1').style.visibility='visible';
document.getElementById('btn2').style.visibility='hidden';
document.getElementById('btn3').style.visibility='visible';
}
}
</script>
<body onLoad="hideMe()">
<form>
<select onChange="checkForChange()" id="selList">
<option value="opt1">Option 1</option>
<option value="opt2">Option 2</option>
<option value="opt3">Option 3</option>
<option value="optx">Option X</option>
</select>
<BR><br>
<input type=button value="Option 1,2,3" id="btn1">
<BR>
<input type=button value="Option X" id="btn2">
<BR>
<input type=button value="Click me" id="btn3" onClick="setMyAdd()">
</form>
</body>
</html>
在FF中也是如此。在javascript中更新以下行。IE正在报告错误
“selList”未定义
//var buttonSelected = selList.value;
var buttonSelected = document.getElementById('selList').value;
另外,建议在页面中添加
元素。更新javascript中的以下行。IE正在报告错误“selList”未定义
//var buttonSelected = selList.value;
var buttonSelected = document.getElementById('selList').value;
另外,建议在页面中添加
元素。可见性和显示是不同的东西,它们的名称含义相同。这两个属性都将用于具有显示或可见性的所有元素
可见性很简单。元素可以是可见的(“可见”值),也可以是隐藏的(“隐藏”值)。
对于表的元素,Mozilla也使用“collapse”值,但IE不使用
显示是一个更复杂的属性。这些值取决于元素的显示类型(内联、块、列表…)。关于表格和表格元素,Mozilla和IE有不同的看法。Moz使用DOM值(请参阅),而IE仅使用“块”值作为正向显示
为避免所有这些问题的复杂跨浏览器解决方案,在可见性情况下,您可以使用“可见”/“隐藏”对,在显示情况下,您可以使用“/”无”对(这意味着您可以使用空白值而不是“块”
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" >
function showhide(att,val){
document.getElementById("hid").style[att]=val;
}
</script>
</head>
<body>
<form name="myform">
<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<tbody id="hid">
<tr>
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr>
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
</tbody>
<tr>
<td>
</td>
</tr>
</table>
Display
<br>
<input type="button" onclick="showhide('display','')" value="Display on">
<input type="button" onclick="showhide('display','none')" value="Display off">
<br>
<br>
Visibility
<br>
<input type="button" onclick="showhide('visibility','visible')" value="Visibility on">
<input type="button" onclick="showhide('visibility','hidden')" value="Visibility off">
</form>
</body>
</html>
无标题文件
功能显示隐藏(att,val){
document.getElementById(“hid”).style[att]=val;
}
TS
传输码
:
名称
产品类型
:
陈列
可见度
此代码将在IE和FF两个位置工作…可见性和显示是不同的东西,它们的名称含义相同。这两个属性将用于所有具有显示或可见性的元素
可见性很简单。元素可以是可见的(“可见”值),也可以是隐藏的(“隐藏”值)。
对于表的元素,Mozilla也使用“collapse”值,但IE不使用
显示是一个更复杂的属性。值取决于元素的显示类型(内联、块、列表…)。关于表和表的元素,Mozilla和IE有不同的视图。Moz使用DOM值(请参阅),而IE仅使用“块”值作为正显示
为避免所有这些问题的复杂跨浏览器解决方案,在可见性情况下,您可以使用“可见”/“隐藏”对,在显示情况下,您可以使用“/”无”对(这意味着您可以使用空白值而不是“块”
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" >
function showhide(att,val){
document.getElementById("hid").style[att]=val;
}
</script>
</head>
<body>
<form name="myform">
<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<tbody id="hid">
<tr>
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr>
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
</tbody>
<tr>
<td>
</td>
</tr>
</table>
Display
<br>
<input type="button" onclick="showhide('display','')" value="Display on">
<input type="button" onclick="showhide('display','none')" value="Display off">
<br>
<br>
Visibility
<br>
<input type="button" onclick="showhide('visibility','visible')" value="Visibility on">
<input type="button" onclick="showhide('visibility','hidden')" value="Visibility off">
</form>
</body>
</html>
无标题文件
功能显示隐藏(att,val){
document.getElementById(“hid”).style[att]=val;
}
TS
传输码
:
名称
产品类型
:
陈列
可见度
此代码将在IE和FF两个位置工作…type=button应该是type=“button”。Heera它不会影响…我知道。我已经在ie8中测试了您的代码,它是可见的。怎么了?type=button应该是type=“button”.Heera这不会影响…我知道。我已经在ie8中测试了你的代码,它是可见的。怎么了?你欢迎…还有另一个问题,我添加了image
和choose type
…检查它…嗨,法希姆·帕克..请帮我回答另一个关于表单的问题:你欢迎…还有另一个问题,我添加了image
和<代码>选择类型
…检查它…嗨,法希姆·帕克..请帮我回答另一个关于表单的问题: