从href调用Javascript函数

Question

背景信息：当我按下“标记属性”按钮时，应该弹出一个模块，允许我向特定帐户发送电子邮件，以提醒系统应标记此特定属性。 还有另一个按钮，“电子邮件属性”，该按钮使您可以通过电子邮件将与该属性有关的信息发送给所需的任何人。

这是我与按钮关联的代码。 如您所见，这两个按钮将导致相同的javascript函数。 但是我需要它们指向两个不同的功能。 我怎么做？

<li><a href="javascript:;" class="btn btn-xs purple fire_the_modal" data-propid="'.$row_mem['propertyid'].'"><i class="fa fa-envelope"></i> Flag Property </a></li>

<li><a href="javascript:;" class="btn btn-xs purple fire_the_modal" data-propid="'.$row_mem['propertyid'].'"><i class="fa fa-envelope"></i> Email Property </a></li>

我写了实际上在另一个文件中执行的脚本。 这是我为此写的标题

<script type="text/javascript">

我可以关联一下让我们将flag属性与

<a href="javascript1:; and correspondingly   <script type="text/javascript1">

我对javascript很陌生，所以我不确定这是否正确。

Answer 1

您可以在其他脚本中定义一个函数，然后在单击链接时调用该函数。 因此，您可以将要从该其他脚本执行的所有代码放入一个函数中。 然后，使用<script src="xxx.js"></script>将该脚本包含到您的页面中。 这将使该函数在网页中定义，以便可以对其进行调用。

从链接中调用该函数有几种不同的方法。 您可以将javascript:myFunc()用作href，也可以注册链接的点击处理程序。 通常建议使用注册事件处理程序来处理对链接的单击。

如果您不知道如何为链接设置点击处理程序，那么以下是有关基础知识的文章： https : //developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Event_handlers

因此，您在xxx.js中的外部脚本如下所示：

function myFunc() {
   // put your code here
}

这是一个简单的事件处理程序的示例：

 function log(msg) { var div = document.createElement("div"); div.textContent = msg; document.body.appendChild(div); } document.getElementById("myLink").addEventListener("click", function(e) { e.preventDefault(); log("clicked"); }); 

 <a href="#" id="myLink">Click Me</a>