내 HTML 페이지에서 Css 파일을 동적으로 가져 오는 방법

동일한 navbar로 여러 HTML 페이지가 있습니다. 최근 Navbar를 자신의 navbar.html 파일에 넣고 jQuery.get()을 통해 ajax를 사용하여 모든 페이지에서 코드를 반복하는 대신 Navbar를 동적으로 내 페이지에로드합니다.내 HTML 페이지에서 Css 파일을 동적으로 가져 오는 방법

navbar.html에 스타일 시트가 없습니다. 스타일은 navbar가 호출 페이지로 다시로드 될 때 적용됩니다.

navbar.html에도 .css를 포함해야합니까? 둘 다 동일한 2 개의 스타일 시트를 참조하게됩니다. 가능한 일이지만 아직 테스트하지 않았다고 가정합니다. 앞으로이 파일을 변경하는 것이 더 쉽습니다. 가장 좋은 방법은 무엇입니까? 나는 서버 사이드 코드를 사용하지 않을 것이다.

더 일반적인 방법이 있는지 알려주십시오. 나는 행운을 찾지 못했다. (.net 웹 양식 배경에서 왔기 때문에 거기서 마스터 페이지를 사용하게됩니다.)

관련 링크도 제공됩니다. angular.js를 사용

출처

2016-09-23 RSSM

나에게 더 잘 보인다. HTML을 별도로로드 할 필요가 없습니다. 탐색 바, 머리말, 꼬리말 등의 지시어를 사용할 수 있습니다. 주요 내용 만 경로에 따라 바뀝니다. –

@NikhileshKV 같은 생각입니다. –

랜더링 측면에서 좋은 연습이 될 수는 없습니다. navbar의 템플릿을 1 개만 유지하려면 'jade', 'mustache', 'handlebars'...와 같은 템플릿 언어를 사용해보세요. 신뢰 해주세요. 시작하려면 약간의 시간을 투자해야하지만 앞으로는 더 나은 워크 플로우를 얻을 수 있습니다. 어쨌든, 아약스로 네비게이션 바를로드하고 싶다면, 모든 스타일을 포함 할 필요는 없습니다. 메인 페이지에서 사용하고있는 것과 똑같이 사용할 수 있습니다. 페이지에 삽입 할 태그를 넣으십시오. –

-1

확인 조각

First you have to make you pages index.php 
 
Then include your navbar.php to index.php using <?php include'navbar.php';?> 
 

 
Use below method to active the button on each pages 
 

 
1- Define your page name <?php $page = 'company';?> 
 
2- Define a active class in css file 
 
3- Call the active class to button 
 
    
 

 
<!-- begin snippet: js hide: false console: true babel: false -->

출처

2016-09-23 10:42:47

나는 내가 단절된 사이드 코드를 사용하지 않을 것이라고 말했다. – RSSM

내 HTML 페이지에서 Css 파일을 동적으로 가져 오는 방법

답변

관련 문제