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