javascript - 将 Dart 与 HTML 一起使用（我可以在 Javascript 中做的事情）

Question

我在 JS 中做了什么：

<script type="text/javascript">

function displayThesis(){
    var thesisForm = document.getElementById("thesisForm").innerHTML;
document.getElementById("activeForm").innerHTML = thesisForm;
}

function displayNonThesis(){
var nonThesisForm = document.getElementById("nonThesisForm").innerHTML;
document.getElementById("activeForm").innerHTML = nonThesisForm;
}
</script>

然后我会做一些事情，比如：

<form action="" method="get">
  <p>Do you need the thesis option form?</p>
  <label>Yes</label>
  <input name="thesisOption" type="radio" value="Yes" onclick="displayThesis()" />
  <label>No</label>
  <input name="thesisOption" type="radio" onclick="displayNonThesis()" />
 </form>

调用这些函数。

我将如何使用列出并调用的外部飞镖程序执行此操作：

<script type="application/dart" src="attempt1.dart"></script>

Answer 1

在 Dart 中是禁止的。无论如何，内联事件侦听器是个坏主意。将 HTML 和脚本代码分开会更好。您可以从飞镖代码附加事件侦听器：

document.query('input[name="thesisOption"][value="Yes"]').on.click.add( (e) {
  document.query("#activeForm").innerHTML = document.query("#thesisForm").innerHTML;
});

当然，您应该向元素添加重要的类名和 id 以清楚地引用它们。