Question

我有代码1和代码2.代码1是login.html将其保存为login.js，代码2是一些jquery，javascript代码。

我的问题是如何将第一个代码插入到第一个代码中。

1 code:- login.html   ( i am saving this is as login.js)

    <div id="login_tease">
    <p><strong>New to {tplvars.sitename}?</strong> <a class="content-link simple big" href="{tplvars.relative_url}join.php">Sign up FREE</a></p>
    <div> <p> some codes</p>
    </div>
</div>

<form action="{tplvars.relative_url}processors/login.php" method="post" id="relogin">
<fieldset>
    <dl>
        <dt><label for="username2">Username:</label></dt>
        <dd><input type="text" id="username2" name="user" /></dd>
    </dl>
    <dl>
        <dt><label for="password2">Password:</label></dt>
        <dd><input type="password" id="password2" name="pass" /></dd>
    </dl>
    <dl class="controls">
        <dt>&nbsp;</dt>
        <dd><input type="submit" class="button medium" id="btn_login" value="Login" />
            <a class="content-link simple" href="{tplvars.relative_url}pass_lost.php" title="Lost password?">Lost password?</a>
        </dd>
    </dl>
</fieldset>

</form>

<div class="clear"></div>

<script type="text/javascript" src="{tplvars.relative_url}js/login.js?v={tplvars.js_lib_v}"></script>

第二个代码： - 将此代码放在index.html（主页）中我想将上面的login.js插入到此代码中。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>good to see login</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script type="text/javascript">
// some code.
</script>

<div>  
//some code  
</div>


var dis = "<p> this is login page";   //  i want to insert login.js to this variable.
          jQuery("#results").html(dis);


</body>
</html>

我想在var dis =＆＃34; login.js＆＃34;

插入第一个代码，即login.js

请一些身体帮我个男人

Answer 1

如果您要“动态”将一个文件加载到另一个文件中，则选项为：

$.get("login.js").then(function(data){
    var sc = document.createElement('script');
    sc.innerHTML = data;
    document.getElementById('results').appendChild(sc);
});

Answer 2

你基本上是在进行异步脚本加载，这在很多情况下是很棒的。

以下是谷歌地图官方文档说它应该如何完成：

function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&' +
      'callback=initialize';
  document.body.appendChild(script);
}

window.onload = loadScript;

这是链接：https://developers.google.com/maps/documentation/javascript/examples/map-simple-async

所以你需要的是一个普通的HTML标签，你可以放入HTML的<head>，但不要把它放在开头（作为＆＃34;阻止＆＃34;脚本）你通过将其附加到<head>来动态加载它。然后浏览器必须下载您的文件并解析/执行它。

这种技术广泛用于所谓的AMD（异步模块定义）系统，如RequireJS。

将外部javascript加载到另一个javascript中

2 个答案: