HTML引⽤另⼀个js⽂件的⽅法，在另⼀个js⽂件中调⽤⼀个
javascript函数
在另⼀个js⽂件中调⽤⼀个javascript函数
我想调⽤second.js⽂件中的first.js⽂件中定义的函数。 这两个⽂件在HTML⽂件中定义如下：
我想调⽤second.js中first.js中定义的fn1()。 从我的search答案是，如果first.js⾸先定义是可能的，但从我的testing，我还没有find任何⽅式来做到这⼀点。 谢谢
编辑：
这⾥是⽰例代码：
second.js
first.js
function fn1(){ alert("external fn clicked"); }
⼀个函数不能被调⽤，除⾮它被定义在同⼀个⽂件中，或者在尝试调⽤它之前被加载。
⼀个函数不能被调⽤，除⾮它处于与调⽤它相同或更⼤的范围内。
你在first.js中声明函数fn1，然后你可以只有fn1();
1.js：
function fn1 (){ alert(); }
2.js：
fn1();
index.html：
它⼯作正常:)
你可以在first.js把这个函数变成⼀个全局variables，看看闭包 ，不要把它放在ady
text函数什么意思你也可以使⽤ajax
$.ajax({ url: "url to script", dataType: "script", success: success });
同样你可以使⽤jQuery getScript
$.getScript( "ajax/test.js" ) .done(function( script, textStatus ) { console.log( textStatus ); }) .fail(function( jqxhr, settings, exception ) { $( "div.log" ).text( "Triggered ajaxError handler." ); });
第⼀JS：
function fn(){ alert("Hello! Chalo Kaaam ki Baat p "); }
第⼆JS：
$.getscript("url or name of 1st Js File",function(){ fn(); });
希望这有助于…快乐编码。
如果您的服务器允许它提⾼速度，请使⽤caching。
var extern =(url)=> { // load extern javascript let scr = $.extend({}, { dataType: 'script', cache: true, url: url }); return $.ajax(scr); } function ext(file, func) { extern(file).done(func); // calls a function from an ex
tern javascript file }
然后像这样使⽤它：
ext('somefile.js',()=> myFunc(args) );
或者，制作⼀个原型，让它更加灵活。 所以你不必每次定义⽂件，如果你调⽤⼀个函数，或者你想从多个⽂件中获取代码。
first.js
function first() { alert("first"); }
Second.js
var imported = ateElement("script"); imported.src = "other js/first.js"; //saved in "other js" ElementsByTagName("head")[0].appendChild(imported); function second() { alert("Second");}
的index.html
method in second js method in firstjs ("included" by the first)

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。