외부 자바 스크립트를 다른 자바 스크립트로로드

코드 1과 코드 2가 있습니다. 코드 1은 login.html로 login.js를 저장하고 코드 2는 일부 jquery, 자바 스크립트 코드입니다.외부 자바 스크립트를 다른 자바 스크립트로로드

내 문제는 첫 번째 코드를 1 번째 코드에 삽입하는 방법입니다.

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에 창피 = "login.js"하나 개의 파일을로드 할 경우

가

일부 몸이 도와주세요 나를

출처

2014-12-28 user3691919

잘라 내기 및 붙여 넣기는 어때요 ...? 정확히 성취하려는 것은 무엇입니까? – JAL

의 옵션을 친구들에 login.js "즉시"다른 곳으로 옮길 수 있습니다.

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

출처

2014-12-28 09:08:26 agershun

기본적으로 비동기 스크립트를 로딩하는 것은 (대부분의 경우) 큰 일입니다.

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

그래서 당신이 필요로하는 것은 당신이 <head>에 둘 것입니다 일반 HTML 태그는 offical 한 Google지도 문서가 수행해야합니다 말한다 방법

는 여기 귀하의 HTML을, 대신 처음에 넣어 ("차단"스크립트로) 당신은 그것을 <head>에 추가하여 동적으로로드하고 있습니다. 그러면 브라우저는 파일을 다운로드하고 파싱/실행해야합니다.

이 기술은 RequireJS과 같은 소위 AMD (비동기 모듈 정의) 시스템에서 널리 사용됩니다.

출처

2014-12-28 09:23:32 bwitkowicz

외부 자바 스크립트를 다른 자바 스크립트로로드

답변

관련 문제