如何在一个js中引用另一个js

JavaScript035

如何在一个js中引用另一个js,第1张

例如：a.js要调用b.js中的某个方法，直接在a.js中写方法名调用就行， 方法名()

但是两个js必须都在页面中引入了，然后要注意引入的顺序。a.js要调用b.js的方法 引入时必须是先引用a.js

this在每个函数内指向的对象都要重新思考是什麽

你的例子中this.div2的this指向的是rvt1.List中的元素

而function ( ) { this.div3.style.display = "block"}中this是由调用该函数的方式决定的, 此处该函数绑定在onmouseover上, 浏览器会在触发事件时调用之, 且此时this指向事件绑定在的那个对象, 即this.div2

你需要把this存起来给这个函数用

例如

var T=this

this.div2.onmouseover = function(){T.div3.style.display='block'}

或者使用ES2015语法

this.div2.onmouseover = () =>this.div3.style.display = 'block'

第一种方法。

1.首先准备好两个js文件。

2.然后写一个html文件，通过<script type='text/javascript' src=''></script>方法，将两个js引用到html文件中。

3.处于下方的js文件，就可以直接调用上方js文件中的内容了。比如我们在HTML中先载入了jquery，在第二个js可以使用dollar来对对象进行直接操作。

4.因为js本身是不能运行的，必须依托于html才能执行。<script type='text/javascript' src=''></script>的引用其实就相当于将几个js文件都写在HTML文件中了，所以可以直接调用。

第二种方法。

1.首先要在要引用另外一个js文件的js开头，写一个匿名函数。

2.在匿名函数里创建一个document.write()函数，将另外一个要引用的js写入。

3.但是除了opera浏览器，其他浏览器都不会马上建立DOM树，所以需要将动态载入js全部执行完成后，才能执行后续代码。可以将这一部分代码进行封装。

4.最后使用封装函数进行测试，这里使用的封装函数是LoadJS，我们写运行函数就OK。