通过 href 链接到 JavaScript 函数答案

【问题标题】：Link to a JavaScript function via href通过 href 链接到 JavaScript 函数
【发布时间】：2020-06-18 04:34:53
【问题描述】：

我正在努力使用 Google Apps 脚本将 HTML 链接 <a> 与 JavaScript 函数链接起来。我尝试了以下方法，但它给我留下了以下错误消息：

“不安全的 JavaScript 尝试从具有 URL '不同 url' 的框架中启动具有源 'https://script.google.com' 的框架的导航。如果导航到 javascript: url，则尝试导航的框架必须与目标同源”

我的代码：

var link = document.createElement("a");
link.setAttribute("href", "javascript:test()");
link.textContent = "Click";

//----------------------------------------------
function test() {
    console.log("Test");
}

代码放置在 HTML 文件中：

<script>
</script>

一切都在 Google Apps 脚本的 IDE 中编码。

【问题讨论】：

错误信息应该添加为文本，而不是图像。
将错误信息添加为纯文本，以便搜索引擎找到。

标签： javascript html onclick href

【解决方案1】：

href 是用于定义链接目标的属性。用于点击触发事件的正确属性是onclick。

请参阅 W3C 文档以了解 href 和 onclick

【讨论】：

【解决方案2】：

改用 onclick javascript 函数：

<a onclick="myFunction()">Click me</a>

https://www.w3schools.com/jsref/event_onclick.asp

【讨论】：

@maxgotstuck 你的第二条评论应该在一个单独的问题中

【解决方案3】：

不要使用href。对 JavaScript 函数使用 onclick 事件。

【讨论】：