如何从html中的href标签调用javascript函数?

时间:2011-11-16 09:53:33

标签: php javascript javascript-events

如何从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>

5 个答案:

答案 0 :(得分:22)

在href标记中,未指定链接,请指定您的javascript函数名称。

例如

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

答案 1 :(得分:6)

请勿使用href,请使用onclick属性

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

请参阅this example

编辑(因为代码添加了问题): 这应该调用你的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 } ?>

答案 2 :(得分:0)

试试这个

  <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>

答案 3 :(得分:0)

这应该可以解决你的目的:

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

答案 4 :(得分:0)

如果您有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>