Javascript 在Firefox中，后退按钮显示“FF后退”。这是为了测试目的，以确保在上述浏览器中加载了正确的按钮_Javascript

Javascript 在Firefox中，后退按钮显示“FF后退”。这是为了测试目的，以确保在上述浏览器中加载了正确的按钮

javascript

Javascript 在Firefox中，后退按钮显示“FF后退”。这是为了测试目的，以确保在上述浏览器中加载了正确的按钮,javascript,Javascript,。。。如果这个答案对你有效，请不要忘记接受它约翰，我喜欢你的代码。它减少了地雷，消除了复位按钮的需要，后退按钮有历史，而且闪电般的快。然而，虽然select下拉列表在jsbin中非常有效，但在我的测试页面中，它会尝试转到另一个页面并获得404消息。此外，顶部和底部按钮也非常有效。你可以在这里查看：有什么想法吗？看看你的代码。。。您需要在选项值之前添加“#”，如下所示。。。这表示页面上有一个“锚”。没有它，服务器假定它应该转到附加到当前URL的名为“吸收体”的页面。当然这个页面不存在，因为404

。。。如果这个答案对你有效，请不要忘记接受它

约翰，我喜欢你的代码。它减少了地雷，消除了复位按钮的需要，后退按钮有历史，而且闪电般的快。然而，虽然select下拉列表在jsbin中非常有效，但在我的测试页面中，它会尝试转到另一个页面并获得404消息。此外，顶部和底部按钮也非常有效。你可以在这里查看：有什么想法吗？看看你的代码。。。您需要在选项值之前添加“#”，如下所示。。。这表示页面上有一个“锚”。没有它，服务器假定它应该转到附加到当前URL的名为“吸收体”的页面。当然这个页面不存在，因为404错误。：）如果你觉得这个答案有用，请不要忘记“接受”它。这就是帮助我们这些回答问题的人继续帮助他人的原因。在select中的选项值之前添加“#”是缺少的部分。我忘了你的代码是基于URL的。虽然我的代码可以工作，但它不是基于URL的，因此不需要它。您的代码可以用更少的代码行完成更多的工作。这张桌子现在真是乱七八糟。

<!DOCTYPE html>
<html>  
<head>
<meta charset=utf-8>
<script src="http://code.jquery.com/jquery-latest.min.js"></script> 

<style>    

body { 
    font: 20px Calibri, Serif;
    display: block;
    width:500px;
    margin:0 0 0 0;}

table { 
    display: block; /* makes it sizeable */
    width: 500px;
    height: 100px;  /*height of scrollable area */
    overflow: auto; /* scroll rather than overflow */
    overflow-x:true; /* Bottom Scroll Bar */
    border-collapse: collapse;
    margin:0 0 0 0;
    border:1px solid #ccc;} 

tr:nth-of-type(odd) { background: #eee; } /* Zebra striping */

th { 
    background: #333; /*Not used - No headers*/
    color: white; /*Not used - No headers*/
    font-weight: bold; /*Not used - No headers*/
}
td, th { 
    border: 1px solid #ccc; 
    text-align: left; 
}
td  {vertical-align:text-top; padding:6px 10px 6px 10px; }  

table.fixed table {width:500px;} /*setup for col widths */
table.fixed td:nth-of-type(1) {width:200px;} /*sets col width */
table.fixed td:nth-of-type(2) {width:300px;} /*sets col width */  

</style> 

<!--FUNCTIONfor: SCROLL-INTO-VIEW (used for select dropdown and top & bottom buttons)-->
<script type="text/javascript">
function showIt(elID) {
var el = document.getElementById(elID);
el.scrollIntoView(true);}

</script>

<!--FUNCTIONfor: RESETING SELECT DROPDOWN-->      
<script type="text/javascript">
function resetScrollTo() {
for (var i = 0; i < elements.length; i++)
{
elements[i].selectedIndex = 0;
}
}
</script>   

<!--FUNCTIONfor: BACK BUTTON ???????????????-->     




</head>

<body>

<div style="margin:0 0 10px 0;"> <!--Dropdown/button CONTAINER-->   

<!--BOX: SCROLL-TO ("showIt")--> 
<select class="box-select_scrollto" id="box-select_scrollto"     onchange="showIt(this.options[this.selectedIndex].value)"> 
<option value="scroll-to" selected>SCROLL-TO</option> 
<option value="absorber">absorber</option>
<option value="accessible">accessible</option>
<option value="adjustable">adjustable</option>
<option value="ampacity">ampacity</option>
<option value="ampere">ampere</option>
<option value="appliance">appliance</option>
<option value="approved">approved</option>
<option value="askarel">askarel</option>
<option value="automatic">automatic</option>
<option value="coulomb">coulomb</option>
<option value="current">current</option>
<option value="cutout">cutout</option>
<option value="cutout box">cutout box</option>
<option value="data">data</option>
<option value="data server">data server</option>
<option value="data storage">data storage</option>
<option value="dead front">dead front</option>
</select> 

<button class="buttonTop" type="button" onclick="resetScrollTo()">Reset</button>
<button class="buttonTop" type="button" onclick="showIt('top');     resetScrollTo();">Top</button>
<button class="buttonBottom" type="button" onclick="showIt('bottom')">Bottom</button>
<button class="buttonBottom" type="button" onclick="back()">Back</button>

</div>  

<table class="fixed" class="sortable" id="termtable" name="termtable">

<tr><td id="top">Top row</td><td>Top row</td></tr>
<tr><td id="absorber">absorber</td><td>Definition  includes <a style="color: #04b404;"     href="#cutout">cutout</a></td></tr>  
<tr><td id="accessible">Definition</td><td>Definition includes  <a style="color:     #04b404;" href="#dead front">dead front</a></td></tr>
<tr><td id="adjustable">adjustable</td><td>Definition</td></tr>
<tr><td id="ampacity">ampacity</td><td>Definition</td></tr>
<tr><td id="ampere">ampere</td><td>Definition</td></tr>
<tr><td id="appliance">appliance</td><td>Definition</td></tr>
<tr><td id="approved">approved</td><td>Definition</td></tr>
<tr><td id="askarel">askarel</td><td>Definition</td></tr>
<tr><td id="automatic">automatic</td><td>Definition</td></tr>  
<tr><td id="coulomb">coulomb</td><td>Definition</td></tr>   
<tr><td id="current">current</td><td>Definition</td></tr>
<tr><td id="cutout">cutout</td><td>Definition includes  <a style="color: #04b404;"     href="#absorber">absorber</a></td></tr>
<tr><td id="cutout box">cutout box</td><td>Definition</td></tr>
<tr><td id="data">data</td><td>Definition</td></tr>
<tr><td id="data server">data server</td><td>Definition</td></tr>
<tr><td id="data storage">data storage</td><td>Definition</td></tr>
<tr><td id="dead front">dead front</td><td>Definition includes  <a style="color: #04b404;" href="#accessible">accessible</a></td></tr>
<tr><td id="bottom">Bottom row</td><td>Bottom row</td></tr>  

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>    
body { 
font: 20px Calibri, Serif;
display: block;
width:500px;
margin:0 0 0 0;}

table { 
display: block; /* makes it sizeable */
width: 500px;
height: 100px;  /*height of scrollable area */
overflow: auto; /* scroll rather than overflow */
overflow-x:true; /* Bottom Scroll Bar */
border-collapse: collapse;
margin:0 0 0 0;
border:1px solid #ccc;} 

tr:nth-of-type(odd) { background: #eee; } /* Zebra striping */

th { 
background: #333; /*Not used - No headers*/
color: white; /*Not used - No headers*/
font-weight: bold; /*Not used - No headers*/
}
td, th { 
border: 1px solid #ccc; 
text-align: left; 
}
td  {vertical-align:text-top; padding:6px 10px 6px 10px; }  

table.fixed table {width:500px;} /*setup for col widths */
table.fixed td:nth-of-type(1) {width:200px;} /*sets col width */
table.fixed td:nth-of-type(2) {width:300px;} /*sets col width */  
</style> 
<script type="text/JavaScript">
<!--//
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body>
<div style="margin:0 0 10px 0;">
<select class="box-select_scrollto" id="box-select_scrollto" onchange="MM_jumpMenu('parent',this,1)"> 
  <option value="scroll-to" selected>SCROLL-TO</option> 
  <option value="#absorber">absorber</option>
  <option value="#accessible">accessible</option>
  <option value="#adjustable">adjustable</option>
  <option value="#ampacity">ampacity</option>
  <option value="#ampere">ampere</option>
  <option value="#appliance">appliance</option>
  <option value="#approved">approved</option>
  <option value="#askarel">askarel</option>
  <option value="#automatic">automatic</option>
  <option value="#coulomb">coulomb</option>
  <option value="#current">current</option>
  <option value="#cutout">cutout</option>
  <option value="#cutout box">cutout box</option>
  <option value="#data">data</option>
  <option value="#data server">data server</option>
  <option value="#data storage">data storage</option>
  <option value="#dead front">dead front</option>
</select>
<button class="buttonTop" type="button" onclick="MM_goToURL('parent','#top');return document.MM_returnValue;">Top</button>
<button class="buttonBottom" type="button" onclick="MM_goToURL('parent','#bottom');return document.MM_returnValue;">Bottom</button>
<script>
<!--//
var nAgt = navigator.userAgent;
var browserName  = navigator.appName;
var nameOffset,verOffset,ix;

if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {
browserName = "Firefox";
} 
else if ((verOffset=nAgt.indexOf("Firefox"))!=1) {
browserName = "Other";
}

if (browserName == 'Firefox'){
document.write(''
+'<button class="buttonBottom" type="button" onclick="history.back();location.reload(forceGet=true);">FF-Back</button>')
}

if (browserName != 'Firefox'){
document.write(''
+'<button class="buttonBottom" type="button" onclick="history.back();">Back</button>')
}
//-->
</script>
</div>  

<table class="fixed sortable" id="termtable" name="termtable">
<tr><td class="topBotRow1" id="top"><a name="top" id="top"></a>Electrical Term</td> <!--"top" FOR TOP BUTTON-->
<tr><td id="absorber">absorber</td><td>Definition  includes <a style="color: #04b404;"     href="#cutout">cutout</a></td></tr>  
<tr><td id="accessible">Definition</td><td>Definition includes  <a style="color:     #04b404;" href="#dead front">dead front</a></td></tr>
<tr><td id="adjustable">adjustable</td><td>Definition</td></tr>
<tr><td id="ampacity">ampacity</td><td>Definition</td></tr>
<tr><td id="ampere">ampere</td><td>Definition</td></tr>
<tr><td id="appliance">appliance</td><td>Definition</td></tr>
<tr><td id="approved">approved</td><td>Definition</td></tr>
<tr><td id="askarel">askarel</td><td>Definition</td></tr>
<tr><td id="automatic">automatic</td><td>Definition</td></tr>  
<tr><td id="coulomb">coulomb</td><td>Definition</td></tr>   
<tr><td id="current">current</td><td>Definition</td></tr>
<tr><td id="cutout">cutout</td><td>Definition includes  <a style="color: #04b404;"     href="#absorber">absorber</a></td></tr>
<tr><td id="cutout box">cutout box</td><td>Definition</td></tr>
<tr><td id="data">data</td><td>Definition</td></tr>
<tr><td id="data server">data server</td><td>Definition</td></tr>
<tr><td id="data storage">data storage</td><td>Definition</td></tr>
<tr><td id="dead front">dead front</td><td>Definition includes  <a style="color: #04b404;" href="#accessible">accessible</a></td></tr>
<tr><td id="bottom">Bottom row</td><td>Bottom row</td></tr>  
</table>
</body>
</html>