html 가져 오기가 작동하지 않습니다.

저는 회사의 새로운 인트라넷을 코딩하여 정보를 쉽게 편집 할 수 있도록 동일한 페이지에 많은 파일을 가져올 수 있기를 원했습니다. 그러나 Visual Studio를 통해 파일을 직접 열려고 시도했을 때 파일을 가져올 수 없습니다.html 가져 오기가 작동하지 않습니다.

내가 작성한 방식에 이상이 있습니까? 아니면 다른 이유로 작동하지 않습니까?

<link rel="import" href="/Example.html"> 
<script> 
    var link = document.querySelector('link[rel="import"][href="/Example.html"]'); 
    var content = link.import; 
    var el = content.querySelector('#Example'); 
    document.body.appendChild(el.cloneNode(true)); 
</script>

편집 :이 가져 오는 훨씬 간단하고 효과적인 방법을 가지고 같은 MVC 프레임 워크를 사용하는 것이 좋습니다 것이 더 연구 한 후 HTML 수입과 같은 문제에 직면 사람,에.

출처

2017-09-25 Riley

http://caniuse.com/#search=import ... 더 Information..Go를 들어

? – CBroe

우선, 당신은 여전히 매우 제한되어 HTML 수입에 대한 해당 브라우저 지원을 알아야한다. Google 크롬은 버전 31부터 지원을 받았지만이 기능을 수동으로 활성화해야합니다. Chrome에서 HTML 가져 오기를 사용하려면 chrome : // flags로 이동하여 HTML 가져 오기 사용 플래그를 사용하도록 설정하십시오. 완료되면 HTML 가져 오기 기능을 지원하는 Chrome을 다시 시작하려면 화면 하단의 지금 다시 실행 버튼을 클릭하십시오.

이제 브라우저가 모두 설정되었으므로 웹 페이지에서 가져 오기를 사용하는 방법을 살펴 보겠습니다.

HTML 가져 오기는 요소를 사용하여 가져올 파일을 참조합니다. 이것은 스타일 시트를 포함하는 것과 비슷한 방식으로 작동합니다. 참조 특성을 문서로 가져와야한다는 것을 브라우저에 알리려면 가져 오기에 rel 속성을 설정해야합니다. 이 link

출처

2017-09-25 09:44:52

"HTML 가져 오기 사용"이 없지만이 방법을 제안 해 주셔서 감사합니다. 확신 할 수는 없지만 이것이 HTML 가져 오기가 이제 Chrome에 기본이라고 생각할 수 있습니다. – Riley

대부분의 브라우저는 아직 버전 이후 버전 (36)와 오페라 이후 HTML 수입 만 크롬을 지원하지 않습니다 (23)

출처 : http://caniuse.com/#feat=imports

출처

2017-09-25 09:29:47 Amorandron

말해 주셔서 감사합니다. 크롬을 업데이트했으며 최신 버전입니다. 그러나 나는 불행히도 여전히 같은 문제가로드되지 않습니다. – Riley

네, 맞습니다. 크롬 설정에서 HTML 가져 오기를 사용하도록 설정해야합니다. – Amorandron

나는 chrome : // flags와 chrome settings 둘 다 살펴 보았고 내가 가능하게 할 필요가있는 것을 찾지 못했다. 지침으로 사용할 수있는 이미지가 있는가? – Riley

당신은 단순히 당신에 또 다른 HTML 페이지를 포함하는 jQuery를 사용할 수 있습니다. <link> 태그는 외부 CSS 스타일 시트를 HTML 문서에 연결하는 데 사용됩니다.

는이 코드를 추가, HTML 페이지가 example.html 이름 가정 :

<html> 
    <head> 
    <script src="/path/to/your/jquery.js"></script> 
    <script> 
    $(function(){ 
     $("#includemyHTML").load("Example.html"); 
    }); 
    </script> 
    </head> 

    <body> 
    <div id="includemyHTML"></div> 
    </body> 
</html>

출처

2017-09-25 09:38:16

잘못된 파일을로드하고 있습니다. "HTML 페이지의 이름이 demo.html,".load ("Example.html"); " :) – Adriani6

html 가져 오기가 작동하지 않습니다.

답변

관련 문제