Javascript 如何使整个表成为指向另一个HTML页面的按钮/链接?

Javascript 如何使整个表成为指向另一个HTML页面的按钮/链接?,javascript,html,css,Javascript,Html,Css,我有这个表,它应该是一个链接到另一个页面的按钮。原因是表的值应该可以使用数据库中的数据进行更改。例如,参数可以更改为pH值,也可以更改为7或其他值。但表格/按钮应链接到同一页面。可以设定目标的地方 到目前为止,我得到的是: <table class="Button" > <tr> <td class="parameter"> Temperature</td> </tr> <tr>

我有这个表,它应该是一个链接到另一个页面的按钮。原因是表的值应该可以使用数据库中的数据进行更改。例如,参数可以更改为pH值,也可以更改为7或其他值。但表格/按钮应链接到同一页面。可以设定目标的地方

到目前为止,我得到的是:

<table class="Button" >
    <tr>
        <td class="parameter"> Temperature</td>
    </tr>

    <tr>
        <td class="Value">23&#x2103</td>    
    </tr>

    <tr>
        <td class="Target">Target: 30&#x2103 </td>
    </tr>
</table>

温度
23℃
目标:30℃

那么,我如何使它成为一个链接/按钮呢?

与其他任何东西一样


您可以在其周围放置一个
元素(带有
href
属性)。

方法与其他方法相同


您可以在其周围放置一个
元素(带有
href
属性)。

您可以使用
onclick
并重定向页面

或者用


温度
23℃
目标:30℃

您可以使用
onclick
重定向页面

或者用


温度
23℃
目标:30℃

将其包装到链接元素中:

<a href="LINK.html">
    <table>
        <tr>
            <td class="parameter"> Temperature</td>
        </tr>
        <tr>
            <td class="Value">23&#x2103</td>    
        </tr>
        <tr>
            <td class="Target">Target: 30&#x2103 </td>
        </tr>
    </table>
</a>

如果您想要一个按钮,请在其中添加一个按钮元素:

<button style="color:black; background-color:white; border-radius:5px;">
    <a href="LINK.html">
        <table>
            <tr>
                <td class="parameter"> Temperature</td>
            </tr>
            <tr>
                <td class="Value">23&#x2103</td>    
            </tr>
            <tr>
                <td class="Target">Target: 30&#x2103 </td>
            </tr>
        </table>
    </a>
</button>

将其包装到链接元素中:

<a href="LINK.html">
    <table>
        <tr>
            <td class="parameter"> Temperature</td>
        </tr>
        <tr>
            <td class="Value">23&#x2103</td>    
        </tr>
        <tr>
            <td class="Target">Target: 30&#x2103 </td>
        </tr>
    </table>
</a>

如果您想要一个按钮,请在其中添加一个按钮元素:

<button style="color:black; background-color:white; border-radius:5px;">
    <a href="LINK.html">
        <table>
            <tr>
                <td class="parameter"> Temperature</td>
            </tr>
            <tr>
                <td class="Value">23&#x2103</td>    
            </tr>
            <tr>
                <td class="Target">Target: 30&#x2103 </td>
            </tr>
        </table>
    </a>
</button>

您可以使用javascript onClick事件或在其周围放置
标记来完成

Html


.
.
.
Java脚本

<script>
       function linkTo(var link){
         window.location = link;
       }

</script>

函数链接到(变量链接){
window.location=链接;
}
鼠标点的Css

<style>
 table.button{
     cursor: pointer;
  }
</style>

表格按钮{
光标:指针;
}

您可以使用javascript onClick事件或在其周围放置
标记来完成

Html


.
.
.
Java脚本

<script>
       function linkTo(var link){
         window.location = link;
       }

</script>

函数链接到(变量链接){
window.location=链接;
}
鼠标点的Css

<style>
 table.button{
     cursor: pointer;
  }
</style>

表格按钮{
光标:指针;
}

使用onclick,用iTunes onclick重定向客户端,用iTunes重定向客户端当纯HTML有内置解决方案时,为什么要使用JavaScript?(这不会破坏人们通过线性(例如基于键盘的)导航选择链接的能力)。当纯HTML有内置解决方案时,为什么要使用JavaScript?(这不会破坏人们通过线性(例如基于键盘的)导航选择链接的能力)。