2014-01-29 2 views
0

오브젝트 태그 나 다른 방법으로 HTML 파일에 자바 스크립트 파일을로드하려고합니다. 내 시나리오는 다음과 같습니다. parent.html 파일에는 object 태그를 사용하여 childOne.html 및 childTwo.html 파일을로드하는 내부 div가 두 개 있습니다.HTML과 java 스크립트 파일이 같은 html로로드됩니다

제 문제는 제가 어린이집의 자식 파일에 모두 포함시켜야하는 jQuery.js를 사용하여 일부 작업을해야한다는 것입니다. 내가 원하는 것은 parent.html에 jQuery.js를 포함시키고 두 어린이 html 파일은 parent.html에서 JS 파일을 가져와야하는 입니다.

어떤 방법 으로든 제안하십시오.

+0

최상위 문서에서 해당 파일의 HTML 콘텐츠를 넣어 파일. 모든 파일에 jquery를 포함 할 필요가 없습니다. –

+0

document.getElementById ("divId"). innerHTML = ''; 이것은 html 파일을 포함하는 코드입니다. 나는 그것을 어떻게 끝까지 넣었 는가. – Vaibhav

+0

위 코드가 들어있는 파일의 끝에 넣을 수 있습니다. –

답변

0

<object> 요소, 이러한 맥락에서, 두 번째 수준의 <iframe>들입니다 작동합니다한다면. 서로 다른 문서는 서로 다른 문서이며 자체 JavaScript 환경을 가지고 있습니다.

parentframes (어느 방향으로 가고 있는지에 따라 ...) 및 <object>에 프레임 API를 사용하지 않는 브라우저가 있습니다.

이론적으로 액자 화 된 문서가로드 될 때까지 기다린 후 document.frames.frameid.contentDocument에 액세스하여 jQuery 객체를 복사 할 수 있습니다.하지만 그 정보를 얻으려고하면 큰 혼란이 발생할 것입니다 document 개체.

귀하의 최상의 선택

은에 다음 중 하나를 프레임 문서의 일부로 프레임 문서를 치료하려고

  1. 정지 - 그들은 독립적이다. 그들이 jQuery를 사용할 필요가 있다면 jQuery를로드하는 것은 그들의 책임이다. 또는
  2. 정지 프레임을 사용하고 그들이 독립적이지 있도록 렌더링 된 페이지의 끝에서 jQuery를 넣어 경우 모두에서 jQuery를 사용할 수
-1

당신은 방금 parent.html 파일에 jQuery를 파일 URL에 스크립트 태그를 추가 할 수 있으며 아이들이

당신은 당신이 jQuery를 인스턴스화해야합니다 자식 파일에 jQuery 코드를 추가 할 경우

로드 될 때 작동합니다 파일 예를 들어

<script type="text/javascript"> 
    $(function(){}); 
</script> 

당신이 jQuery 코드는

+0

부모 문서에서 작동합니다. 자식 문서 (다른 문서이기 때문에)에서는 작동하지 않습니다. '$ (function() {});'은 jQuery 코드를 작동시키지 않습니다. 그것은 전달 된 익명의 함수가 호출되어 DOM 준비 이벤트가 발생하게하는 jQuery 함수를 호출합니다 * * jQuery가 해당 코드를 삽입 한 문서에로드 된 경우 * – Quentin

관련 문제