美文网首页
js之间相互调用方法

js之间相互调用方法

作者: 大胡子111 | 来源:发表于2017-08-30 18:56 被阅读74次

介绍:
一个html,2个js文件,html分别引入2个js文件。
在html文件中创建script标签,可以无阻碍调用js文件中定义的方法。但是现在需求变了,要实现js和js之间互相调用其方法。

环境:
一:html文件:(在这个文件中分别引入了index.js和index1.js,并且调用了index.js中的a()方法)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

//引入jquery   引入js
<script src="../js/jquery-3.0.0.min.js"></script>
<script src="index.js"></script>
<script src="index2.js"></script>

<script>
   a()     //调用了a方法,执行a函数
</script>

</body>
</html>

index.js文件:(1.定义了一个叫a函数 2.)

function a() {
    console.log('这个是index页面')
}

//$(document).ready文档对象模型都加载完之后执行
$(document).ready(function () {
    new b();      //这个b()是index1.js中的方法,实现了js相互调用方法
});


/*new了之后做了哪些事情:
(1)创建一个空对象obj;
(2)把obj的__proto__ 指向Animal的原型对象prototype,此时便建立了obj对象的原型链:obj->Animal.prototype->Object.prototype->null
      【如果你不了解JS原型链,请先阅读:[JS原型和原型链](http://www.cnblogs.com/onepixel/p/5024903.html)】
(3)在obj对象的执行环境调用Animal函数并传递参数“cat”。 相当于var result = obj.Animal("cat")。
       当这句执行完之后,obj便产生了属性name并赋值为"cat"。【关于JS中call的用法请阅读:[JS的call和apply](http://www.cnblogs.com/onepixel/p/5038020.html)】
(4)考察第3步返回的返回值,如果无返回值或者返回一个非对象值,则将obj返回作为新对象;否则会将返回值作为新对象返回。*/

index1.js文件:(定义了一个b方法)

function b() {
    console.log('这个个index1页面')
}


相关文章

  • js之间相互调用方法

    介绍:一个html,2个js文件,html分别引入2个js文件。在html文件中创建script标签,可以无阻碍调...

  • JS与OC交互

    JS调用OCOC调用JS JS与OC 相互调用 //网页加载完成调用此方法

  • JS与OC交互

    iOS js oc相互调用(JavaScriptCore) iOS js oc相互调用(JavaScriptCor...

  • iOS OC调用JavaScript

    最近看了一下js与oc的相互调用. 1.记得之前在webview中使用js.是使用webview的方法进行调用. ...

  • WebView与js的交互

    Android与js相互调用的桥梁是WebView 1:Android通过WebView调用js 调用js代码实用...

  • JS与OC之间相互调用

    最近公司接了一个项目,是要把原本运行在微信的程序跑在原生程序上,之前的各种功能通过微信的js文档就可以运行了,现在...

  • js oc相互调用的三种方法

    JS oc相互调用方法: 首先先创建UIWebView对象,加载本地html文件 实现UIWebViewDeleg...

  • 事务传播

    所谓事务的嵌套就是两个事务方法之间相互调用

  • iOS中 wkwebView与js 简单交互

    iOS 代码 js调用OC 方法 1、添加方法 2、接收js调用oc 的代理方法 3、移除js的监听方法 oc调用...

  • OC和JS的交互那点事

    1、OC调用JS代码 在代理方法webViewDidFinishLoad:方法中调用JS代码 2、JS调用OC代码...

网友评论

      本文标题:js之间相互调用方法

      本文链接:https://www.haomeiwen.com/subject/mhxodxtx.html