Question

代码（下面）似乎编译时没有任何错误，但是＆＃34; changebackground＆＃34;功能不起作用。单击它时它什么都不做。我不认为Syntax存在问题，但无法确定。没有错误，当我点击单元格时没有响应。＆＃34; MyClick认证＆＃34;工作，不是＆＃34; ChangeBackground＆＃34;没有按＆＃39;吨

有什么想法吗？

<html><body>
<head>
<style>
table,th
{ 
border:1px solid black
font-size:  15px;
font-family: Arial;
font-weight: bold;
empty-cells: show;
}
</style>
<style>
td
{ 
font-size: 10px;
font-weight: normal;
font-family: Arial;
border:1px solid black;
empty-cells: show;
align = "middle;"
}
</style>
<style>
p
{ 
font-size: 18px;
font-weight: bold;
font-family: Arial;
}
</style>
<style>
a.1{ text-decoration:none;color:WindowText}
</style>
<style>
#header{ display:block;top:0px;left:0px;width:100%;height: 112px;position:fixed;background-color: #ffffff;border:1px solid #888;}
</style>
<style>
#content{ margin:113px 0px 0px 0px;display:block;border:1px solid #888;}
</style>


<script type="text/javascript"> function myClick(args) {    window.clipboardData.setData('text',args.toString());   }</script>

<script type="text/javascript"> function changeBackground() {document.getElementById(cellID).style.borderColor = "2px solid red";   }</script>


</head>
 <p>  Scanned Samples </p> <table></table></div>  <p> Rack: 202771 - _SMEYER_IND_AC_2D-02 </p>

<table> 

<thead> 

<tr> 
 <font size = "10"> </font> 

<th> </th>

<th>1</th>

<th>2</th>

<th>3</th>

<th>4</th>

<th>5</th>

<th>6</th>

<th>7</th>


</tr> 

</thead> 

<td> <font size = "2"><b>A</b></td>

<td><a class = "1" href = "#abcd"onclick="javascript:myClick('202772')"><center>A1<br>0<br>(202772)</center></td>
 <td id = "Cell9"><a class = "1" href = "#abcd"onclick=" javascript:myClick('202780') "; javascript:changeBackground('Cell9')"> <center> A2<br>0<br>(202780)</center> </td>

<td id = "Cell17"><a class = "1" href = "#abcd"onclick=" javascript:myClick('202788') "; javascript:changeBackground('Cell17')"> <center> A3<br>0<br>(202788)</center> </td>


<td id = "Cell25"><a class = "1" href = "#abcd"onclick=" javascript:myClick('202796') "; javascript:changeBackground('Cell25')"> <center> A4<br>0<br>(202796)</center> </td>


<td id = "Cell33"><a class = "1" href = "#abcd"onclick=" javascript:myClick('202804') "; javascript:changeBackground('Cell33')"> <center> A5<br>0<br>(202804)</center> </td>


<td id = "Cell41"><a class = "1" href = "#abcd"onclick=" javascript:myClick('202812') "; javascript:changeBackground('Cell41')"> <center> A6<br>0<br>(202812)</center> </td>


<td id = "Cell49"><a class = "1" href = "#abcd"onclick=" javascript:myClick('202820') "; javascript:changeBackground('Cell49')"> <center> A7<br>0<br>(202820)</center> </td>


</tr>
 </table> 
 </body></html>

Answer 1

当函数定义没有参数时，您正在使用参数调用changeBackground。这是一个例子

javascript:changeBackground('Cell9')"

这是你的功能定义

function changeBackground() {
    document.getElementById(cellID).style.borderColor = "2px solid red";   
}

尝试将其更改为

function changeBackground(cellID) {
    document.getElementById(cellID).style.borderColor = "2px solid red";   
}

此外，这也是非常糟糕的形式。您应该更喜欢stylesheets而不是style个标签，而且您有很多标签。 script标签也是如此。请将它们放在外部JavaScript文件中。

此外，您经常使用inline javascript，例如

onclick=" javascript:myClick('202812') "; javascript:changeBackground('Cell41')"

这使得HTML非常难以阅读。您应该使用事件侦听器并将它们放在JavaScript文件中。

此外，HTML5不支持center和font标记。

更改背景javascript功能无法正常工作

1 个答案: