如何在页面加载时从.js文件调用javascript函数？

Question

我真的不知道该怎么做。 我需要调用somefunc()从file.js文件在页面加载。

我的file.js包含：

function somefunc() {
    pc.somefunc(gotLocalDescription,

    function(error) {
        console.log(error)
    }, {
        'mandatory': {
            'OfferToReceiveAudio': true,
            'OfferToReceiveVideo': true
        }
    });
}

// Socket.io    
var socket = io.connect('', {
    port: 1234
});

function sendCall(call) {
    socket.emit('call', call);
}

socket.on('call', function(call) {
    if (call.type === 'offer') {
        pc.setRemoteDescription(new SessionDescription(call));
        createAnswer();
    } else if (call.type === 'answer') {
        console.log('10--if call type is answer');
        pc.setRemoteDescription(new SessionDescription(call));
    } else if (call.type === 'candidate') {
        var candidate = new IceCandidate({
            sdpMLineIndex: call.label,
            candidate: call.candidate
        });
        pc.addIceCandidate(candidate);
    }
});

Answer 1

考虑使用

<a href="#" onClick="function_name()">Trigger</a>

代替

Answer 2

您可以简单地调用另一个文件中的函数。 已经创建了一个plunker.Also注意它有一个单独的文件file.js。 如果使用名称间隔，请注意这一点。

<a href="javascript:_testMe()">Click Me</a>

工作副本

Answer 3

使用window.onload （纯JavaScript），你可以叫你somefunc()的file.js在页面加载，如下：

function somefunc() {
  alert('somefunc() of file.js called!');

  /*
  * Your logic goes here.
  */
}

window.onload = somefunc();

DEMO

同时，如果要使用jQuery ，请首先包含jquery源，然后包含您的方法和DOM ready调用的自定义脚本文件，如下所示：

function somefunc() {
  alert('somefunc() of file.js called!');

  /*
  * Your logic goes here.
  */
}

jQuery(document).ready(function(){
    somefunc();
});

// OR 

jQuery(function({
    somefunc();
});

首先，请确保您已将file.js包含在html的头部，并且文件位置正确。

Answer 4

您可以使用此：

<a href="#" onClick="javascript:function_name()"> click </a>

但首先，您必须在HTML中包含file.js

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