在不改变其他html页面的情况下，从每个页面加载调用javascript函数

我需要在每个html页面上调用一个java脚本函数onload，但需要在大约200个表单中添加onload=fun代码

有没有其他方法可以在一个地方进行更改，它会自动插入所有表单，并在加载表单时调用我的函数。

你能试试这个吗

document.addEventListener("DOMContentLoaded", function() {
  you_function(...);
});

你能试试这个吗

document.addEventListener("DOMContentLoaded", function() {
  you_function(...);
});

---

您可以检查html，加载页面中的所有表单，并将事件附加到这些表单：

document.addEventListener("DOMContentLoaded", function() {
  for(var i=0; i<document.forms.length; i++){
    var form = document.forms[i];
    form.addEventListener("load", fun, false);
  }
});

---

我想指出的是，尽管该表单没有onload事件。

您可以检查html，加载页面中的所有表单并将事件附加到这些表单：

document.addEventListener("DOMContentLoaded", function() {
  for(var i=0; i<document.forms.length; i++){
    var form = document.forms[i];
    form.addEventListener("load", fun, false);
  }
});

我想指出，尽管该表单没有onload事件。

您可以使用jQuery来实现此目的：

如果像很多人一样使用jQuery，您可以避免window.onload和document.onload等浏览器之间的不一致，并让您的框架为您这样做：

$(document).ready(function() { /* code here */ });

如果你的问题与看起来最了解的不同，你想把函数调用插入到200个表单中，你可以考虑使用你喜欢的IDE的重构工具，用相同的脚本加上你的附加函数调用替换你在文档中使用的任何工具。 如果像很多人一样使用jQuery，您可以避免window.onload和document.onload等浏览器之间的不一致，并让您的框架为您这样做：

$(document).ready(function() { /* code here */ });

---

如果你的问题与看起来最了解的不同，你想把函数调用插入到200个表单中，你可以考虑使用你喜欢的IDE的重构工具，用相同的脚本加上你的附加函数调用替换你在文档中使用的任何工具。我认为，一种方法是使用smarty、pug等模板引擎，或者使用您熟悉的模板引擎，创建一个功能所在的布局，并最终生成所有html页面以扩展该布局。

有一些方法可以实现这一点，但我认为最好的方法是使用smarty、pug等模板引擎，或者您喜欢使用哪种模板引擎，并创建一个功能所在的布局，最终生成所有html页面以扩展该布局。

谢谢，需要在所有表单中或仅在一个表单中添加以下代码吗？谢谢，需要在所有表单中或仅在一个表单中添加以下代码吗？