Question

背景资料：当我按下Flag Property按钮时，会弹出一个模块，允许我向特定帐户发送一封电子邮件，提醒系统该特定属性应该是flaged。还有另一个按钮，电子邮件属性，允许您通过电子邮件将有关房产的信息发送给任何人。

这是我与按钮关联的代码。正如您所看到的，这两个按钮将导致相同的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/en-US/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>

从href调用Javascript函数

1 个答案: