如何從html中的href標簽調用javascript函數？

Question

如何從html中的href標簽調用JavaScript函數？ 我創建了幾個標簽。 我希望當用戶點擊任何標簽時，應調用href和JavaScript函數。 我該怎么做？

<?php if($order == 1){ ?>
<li class="cat-one"><a href= "javascript:loadProducts($categoryId)" > <?php echo $categoryName ?> </a></li>
<?php } ?>

這是我的Javascript

<script type="javascript" >
function loadProducts($categoryId)
{
    alert("Hello World!");
    return false;
}

</script>

Answer 1

在href標記中，未指定鏈接，請指定您的javascript函數名稱。

例如

<a href='javascript:myFunction()'> Click Me! <a/>

Answer 2

不要使用href ，請使用onclick屬性

<a href="http://www.example.com" onclick="return confirm('are you sure?')">test</a>

看這個例子

編輯（因為代碼添加了問題）：這應該調用你的JS函數：

<?php if($order == 1){ ?>
  <li class="cat-one">
    <a href="javascript:void(0)" onclick="loadProducts(<?php echo $categoryId ?>)"> 
      <?php echo $categoryName ?> 
    </a>
  </li>
<?php } ?>

Answer 3

這應該可以解決你的目的：

<a href="javascript:void(0);" onclick="yourFunction();">Link to Click</a>

Answer 4

如果你有jquery庫，你可以用class調用：

$( ".loadProducts" ).click(function( event ) {
      // Default action of the event will not be triggered.
      event.preventDefault();
      // Get category ID
      var categoryId = $(this).attr('data-categoryid');
      // TODO
      alert("Hello World!");
      return false;
});

對於：

<li class="cat-one"><a href="#" class="loadProducts" data-categoryid="<?php echo $categoryId;?>" > <?php echo $categoryName ?> </a></li>

Answer 5

試試這個

  <html>
    <body>
    <script type= "text/javascript">
    function loadProducts(catid){
        alert(""Hello World!"+catid);
        return false;
    }
    </script>


    <?php if($order == 1){ ?>
    <li class="cat-one">
        <a href="javascript:void(0)" onclick="loadProducts(<?php echo $categoryId ?>)"><?php echo $categoryName ?> </a>
    </li> 

    </body>
    </html>

如何從html中的href標簽調用javascript函數？

問題描述

5 個解決方案

解決方案1
22 已采納 2011-11-16 09:55:33

解決方案2
6 2011-11-16 09:56:40

解決方案3
0 2013-04-02 04:22:41

解決方案4
0 2014-05-22 10:30:40

解決方案5
0 2011-11-16 17:10:51

如何從html中的href標簽調用javascript函數？

問題描述

5 個解決方案

解決方案1 22 已采納 2011-11-16 09:55:33

解決方案2 6 2011-11-16 09:56:40

解決方案3 0 2013-04-02 04:22:41

解決方案4 0 2014-05-22 10:30:40

解決方案5 0 2011-11-16 17:10:51

解決方案1
22 已采納 2011-11-16 09:55:33

解決方案2
6 2011-11-16 09:56:40

解決方案3
0 2013-04-02 04:22:41

解決方案4
0 2014-05-22 10:30:40

解決方案5
0 2011-11-16 17:10:51