如何将onload添加到HTML而不将其作为body标记的一部分?

时间:2015-03-23 19:11:32

标签: javascript html joomla3.0

我被告知要添加在Joomla中生成的标签。我只需要在body标签之间添加onload = ...有没有办法自己添加onload = ...或者它必须是标记的一部分?谢谢!

3 个答案:

答案 0 :(得分:0)

如果我正确理解了这个问题,并且您需要在文档准备就绪后触发一些JavaScript而不编辑正文标记本身,您可以按如下方式添加它:

<script>
    jQuery(document).ready(function() {
        // Your code
    }
</script>

注意缺少“$”。在Joomla中,避免使用$来引用jQuery以防止与其他JS工具发生冲突。

如果我完全错过了这个标记,请在评论中澄清。

答案 1 :(得分:0)

您可以使用JavaScript绑定事件处理程序。

<script>
    addEventListener('load', yourFunction);

    function yourFunction(event) {
        // ...
    }
</script>

答案 2 :(得分:0)

如果向页面标题添加<script>标记,则可以为页面加载添加事件侦听器。或者更好的选择是阻止渲染阻止代码并将<script>标记添加到页面底部并立即运行,因为页面已经加载。

呈现屏蔽方式

<html>
  <head>
    <script>
      window.addEventListener('load',pageLoaded,false);
      function pageLoaded(e) { console.log('Loaded'); }
    </script>
  </head>
  <body>

  </body>
</html>

非渲染阻止

<html>
  <head>

  </head>
  <body>
    <!-- All The Body Content -->
    <script>
      (function() {
        console.log('Loaded');
      })();
    </script>
  </body>
</html>