Question

此代码在包含在HTML文件中时有效，但我宁愿将其放在单独的JS文件中。

能做到吗？

<script type="text/javascript">

window.onload = function() {
   var a = document.getElementById("mylink");

   a.onclick = function() {
      $('#c').empty();      
      return false;
   }
}
</script>

更新

我试过这个，但是没有用......

$(document).ready(function(){

// other functions here

    window.onload = function() {
    var a = document.getElementById("mylink");
    a.onclick = function() {
        $('#c').empty();        
        return false;
    }
    }

    $('form').live('submit', function(){

...

Answer 1

当然 - 在HTML文件中执行此操作：

<script type="text/javascript" src="/js/yourfile.js"></script>

然后在/js/yourfile.js：

window.onload = function() {
   var a = document.getElementById("mylink");

   a.onclick = function() {
      $('#c').empty();      
      return false;
   }
}

这与上面的代码一样。

Answer 2

简单 - 是的，这是可能的。

Javascript文件的处理方式与HTML Javascript中的方式相同。

请确保您拥有包含文件的正确顺序。

Answer 3

如果您将其放在单独的JS文件中，并将<script>标记更改为src，则它将完全相同。您应该能够移动脚本标记，但要确保它处于正确的顺序，等待其依赖项如jQuery。

Answer 4

是的，您可以将此代码移动到单独的文件中。

Answer 5

正如其他人所说，你的上传功能最有可能被执行。

请注意，如果直接设置onload，则可能只有一个函数正在执行中，这可能会产生问题。如果你包含几个脚本设置onload只会运行最后一个的功能。

您可能希望使用addEventListener来连接多个函数或查看js-library来帮助您。

这可以包含在.js文件中吗？

5 个答案: