Question

如何从html中的href标签调用JavaScript函数？我创建了一些标签，当用户点击其中一个标签时，应该调用href以及JavaScript函数。

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

这是我的JavaScript：

function loadProducts($categoryId)
{
    alert("Hello World!");
    return false;
}

为什么我的功能中没有触发警报？我在同一页面上运行了2个jQuery。

Answer 1

如果您尝试这样做怎么办：

<a href="#" onclick="loadProducts(<?php echo $categoryId ?>); return false;">

Answer 2

尝试：

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

</script>

还有：

<a href="#" onclick="loadProducts(<?php echo $categoryId ?>); return false;" > 
  <?php echo $categoryName ?> 
</a>

Answer 3

我刚检查了JavaScript，在声明脚本标记时出错，正确的代码在

下面

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

Answer 4

从上面的脚本中我发现JavaScript没有任何问题。首先尝试调试PHP，看看像（$ categoryId）这样的预期值是否与您期望的完全一样。

您还缺少脚本标记

中的内容

<script type="text/javascript">
// Your script goes here... 
</script>

Answer 5

可能是你的php脚本有一些错误，请尝试这个例子。

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

Answer 6

根据我的判断，如果没有实际运行此代码，您可以在第3行和第4行修复几个分号，更改href，并将loadProducts的参数放在引号中。试试这个：

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

让我知道它是否适合你。

无法从PHP代码调用JavaScript函数？

6 个答案: