从 href 调用 Javascript 函数

Question

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

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

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

<script type="text/javascript">

我能不能让我们把标志属性和

联系起来

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

我是 javascript 的新手，所以我不确定这样做是否正确。

Answer 1

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

有几种不同的方法可以从 link 调用该函数。您可以将 javascript:myFunc() 作为 href，也可以为 link 注册一个点击处理程序。注册事件处理程序是通常推荐的处理 link.

上的点击的方法

如果您不知道如何为 link 设置点击处理程序，这里有一篇关于基础知识的文章：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 函数

Calling Javascript function from a href

html

javascript

href