从函数中加载js库?

时间:2015-06-19 19:03:59

标签: javascript

我只是在像这样的HTML文档的头部加载了一个JS库

<head>
<script src="somelink.js" />
</head>

我的问题是,我可以从函数中加载此脚本吗?如果是这样,那会是什么样的?

function() {
src="somelink.js"
return somemethod.bla;
}

那会有用吗?大概不是。

我有理由想要这样做,但暂时不让他们离开。

是否可以从函数中加载库,如果是,那会是什么样的?

2 个答案:

答案 0 :(得分:1)

试试这个:

  <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>load demo</title>
  <style>
  body {
    font-size: 12px;
    font-family: Arial;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>

<b>Successful Response (should be blank):</b>
<div id="success"></div>
<b>Error Response:</b>
<div id="error"></div>

<script>
$( "#success" ).load( "somelink.js", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

</body>
</html>

答案 1 :(得分:0)

这是在script.js中完成的。 https://github.com/ded/script.js/

var el = doc.createElement("script"),
loaded = false;
el.onload = el.onreadystatechange = function () {
  if ((el.readyState && el.readyState !== "complete" && el.readyState !== "loaded") || loaded) {
    return false;
  }
  el.onload = el.onreadystatechange = null;
  loaded = true;
  // done!
};
el.async = true;
el.src = "script-to-load.js";
document.getElementsByTagName('head')[0].insertBefore(el, head.firstChild);

如果您使用script.js库,那么您可以加载这样的脚本。

$script('script-to-load.js');