Question

我的html中有一个模板<script>：

 <script>
         window.daySelected = window.currentdate;
         window.monthSelected = window.currentmonth;
         window.yearSelected = window.currentyear;
 </script>

以下是点击事件加载外部脚本文件的示例：Jquery load script on click event。

有没有办法在点击事件中加载html中的模板脚本？

Answer 1

创建一个脚本元素并将其附加到头标记中，如下所示

function addVals() {
  var sc = document.createElement("script");
  sc.innerHTML = "window.daySelected = window.currentdate; window.monthSelected = window.currentmonth; window.yearSelected = window.currentyear;";
  document.head.appendChild(sc);
}

<input type="button" onclick="addVals()" value="click me" />

Answer 2

如果您想运行整个javascript文件，请执行此操作

var script = document.createElement("script");
script.src = "url"; // replace url with actual url of script
document.head.appendChild(script);

从script表单

添加小string

var script = document.createElement("script");
script.innerHtml = "script"; // replace script with actual script
document.head.appendChild(script);

您也可以创建一个功能

function onClick() {
    // insert your code
}

您可以使用onClick();

执行JavaScript来调用它

您也可以通过执行<button onclick="onClick()">Click Me</button>

从按钮调用它

最后，您还可以通过执行<a href="javascript:onClick()">Click Me</a>

从锚元素中调用它

单击按钮加载html模板脚本

2 个答案: