2014-07-09 2 views
-1

저는 앱과 다른 자바 스크립트 파일이 있습니다.다른 자바 스크립트에 액세스하려면 어떻게해야합니까?

HTML에서 나는 다른 자바 스크립트 파일에서 var에 액세스 할 수 있기를 원합니다.

어떻게해야합니까 ??

예 JAVASCRIPT :

var one = { 
    att1: 'myString1', 
    att2: 'myString2' 
    ... 
}; 

var two = { 
    att1: 'myString3', 
    att2: 'myString4', 
    ... 
}; 

예를 들어, HTML :

<meta name="viewport" content="width=device-width, initial-scale=1"> 
<script type="text/javascript" charset="utf-8" src="js/idiomas.js"></script> 
<script type="text/javascript" src="jqueryMobile/jquery-1.11.0.js"/></script> 
...... 

편집 : 죄송합니다

, 한 부분을 놓쳤다. 여기에서 데이터에 액세스하려고 시도합니다.

<script type="text/javascript"> 
    var atrib1 = document.getElementById("idAtr1"); 
    var atrib4 = document.getElementById("idAtr4"); 
    ..... 
    atrib1.innerHTML = one.att1; 
    atrib4.innerHTML = two.att2; 
    .... 
</script> 
+0

변수에 액세스하려는 코드는 어디에 있습니까? 너 뭐 해봤 니? –

+0

html로 js 파일을 참조하면 액세스 할 수 있어야합니다. – iJade

+3

먼저 자바 스크립트 라이브러리의 순서를 변경하면 jQuery가 먼저로드되어야합니다. –

답변

2

계층 구조를 유지해야합니다. 예를 들어.

<script src="file1.js"></script> 
<script src="file2.js"></script> 

은 당신이 할 수 file2.jsfile1.js 변수에 액세스 할 수 있지만 file1.js에 file2.js에게에 액세스 할 수 없습니다. 규칙은 자바 스크립트 파일을 순차적으로 읽습니다. 따라서 함수/변수/객체를 사용하기 전에 액세스하려고하면 오류가 발생합니다. 당신이 두 변수 파일에 액세스하려면

그렇지 않으면, 당신은 다음을 시도 할 수 있습니다 :

<script src="file1.js"></script> 
<script src="file2.js"></script> 
<!-- import your js files that contain those variable --> 
<script> 
    var atrib1 = document.getElementById("idAtr1"); 
    var atrib4 = document.getElementById("idAtr4"); 
    //import your js files above and then call it. 
    atrib1.innerHTML = one.att1; 
    atrib4.innerHTML = two.att2; 

</script> 

을 여전히 의심이있는 경우. 코멘트에 언급. 우리는 도와 드리겠습니다.

+0

그냥 eddited 질문. 나는 당신의 해결책을 시도하고있다 – Sascuash

+0

@Sascuash는 편집 된 답을 확인한다. 아직도 의심 스럽다면. 이 단계에서 문제를 이해할 수 없으므로 코드 예제를 작성하면 누구나 도움을받을 수 있습니다. – Sabbir

+0

작동합니다. 감사합니다 @ 사 비르 – Sascuash

1

이러한 js 파일을 HTML에 간단히 추가하고 해당 변수에 정상적으로 액세스하십시오.

<!-- Your script containing the variables --> 
<script type="text/javascript" charset="utf-8" src="js/idiomas.js"></script> 

... 

<script type="text/javascript"> 
    console.log(one); // Access the variable normally 
</script> 
관련 문제