【问题标题】:redirect to url on clicking in td space单击 td 空间时重定向到 url
【发布时间】:2019-06-25 22:13:49
【问题描述】:

当用户点击<td>时,有什么方法可以转到URL。

【问题讨论】:

    标签: html


    【解决方案1】:
    <td><a href="http://example.com">&nbsp;</a></td>
    

    <td onclick="window.location='http://example.com'"></td>
    

    【讨论】:

      【解决方案2】:

      在 TD 的 onclick 事件上绑定一个 Javascript 方法,如果你使用的是 jQuery,你可以这样做:

      $(document).ready(function(){
      
      $("td").click(function(){
      
          // Perform your action on click here, like redirecting to a new url
          window.location='http://google.com';
      });
      
      });
      

      【讨论】:

        【解决方案3】:

        同一窗口

        onclick="window.location('www.example.com')"
        

        新窗口

        onclick="window.open('www.example.com')";
        

        【讨论】:

          【解决方案4】:

          要么用&lt;a&gt; 填充td,要么将它的onclick 设置为window.location = "URL"

          【讨论】:

          • 你能描述一下 onclick 的完整代码吗,有没有办法把鼠标光标变成手?
          • 你可以用css改变光标。如td { cursor:pointer; }
          【解决方案5】:

          如果您不想在您的td 中包含任何其他element,那么您可以这样做:

          <td onclick="javascript:window.location.href-'http://www.stackoverflow.com'" style="cursor:hand">Stackoverflow</td>
          

          【讨论】:

            【解决方案6】:

            你可以这样做:

            $(document).ready(function(){
                $('#myTd').click(function(){
                    window.location= "http://google.com";
                });
            });
            

            在这里演示:http://jsfiddle.net/zainshaikh/4acMG/3/

            【讨论】:

              【解决方案7】:

              其中一些答案提供了 javascript。请始终为浏览器中未启用 javascript 的访问者添加一个普通(锚标记)链接。

              【讨论】:

                【解决方案8】:

                您可以通过三种方式做到这一点。

                1) &lt;td&gt;&lt;a href="http://example.com"&gt;Click me&lt;/a&gt;&lt;/td&gt;

                2) &lt;a href="http://example.com"&gt;&lt;td&gt;Click me&lt;/td&gt;&lt;/a&gt;

                3)&lt;td onclick="window.location='http://example.com'"&gt;&lt;/td&gt;

                【讨论】:

                • 点击事件处理程序怎么样?数字 2 不是有效的 HTML。这个答案是不准确的,意味着排他性,并且没有为示例提供解释。
                猜你喜欢
                • 2018-10-14
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 1970-01-01
                • 2020-10-28
                • 2014-07-23
                • 2020-12-22
                • 2015-07-04
                相关资源
                最近更新 更多