使用js文件名调用JavaScript函数

Question

I have two js files . One makes use of prototype syntax and the jQuery . Somehow they don't work together. I can try to call the functions inside the files using the filename.functionname something like that.

Please tell me the syntax to do so OR is there any other way to make protoype and jQuery run together since some part of their syntax clashes.

Answer 1

You can't call function by the file name.

Use jquery noCoflicts

Short example from the docs:

<script type="text/javascript" src="other_lib.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
  });
  // Code that uses other library's $ can follow here.
</script>

Answer 2

It is recommended not to use more than one javascript library at the same page, there are a lot of reasons for that, but as I see it the most important is: why load 2 different frameworks? they usually are quite big in size and in most cases have a lot of shared functionality.

You can however try to do so with this: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

As for the syntex to call a method using the file name, that does not exist. Once the browser loads javascript code it adds it to the global scope of the document. What you can do is put things inside "namespaces", something like:

var MyNamespace = {
  methodA: function() {
    // do something
  },
  methodB: function() {
    // do something
  }
};

MyNamespace.method();

The problem though is that you are using 3rd party libraries which are not wrapped in namespaces, at least not all of their code.