2016-01-18 4 views
-1

У меня есть html-страница, где я включаю заголовок, который реализован на другой странице. При загрузке через код javascript html-страница с кодом заголовка включена на мою главную страницу.Включает на html-страницах

Пример:

main.html:

<html> 
<head> 
</head> 
<script> 
    $(function(){ 
     $("#header").load("header.html"); 
     //$("#footer").load("footer.html"); 
    }); 
</script> 
<body> 
<div id='header'></div> 

... 

</body> 
</html> 

Теперь у меня есть еще один HTML-страницу - header.html - где я определить Navbar.

<html> 
    <head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    </head> 

<body> 
    <nav class="navbar barra_superior"> 
    ... 
    </nav> 

Но с этим решением метасимвол на header.html также применяется к main.html. Мой вопрос в том, можно ли применить метатег только к header.html.

Благодаря

+0

Включили ли вы включить jQuery? – Luke

+0

Возможно, вы не хотите включать метатег через jquery, это может смутить некоторые поисковые системы и веб-сканеры. –

+0

@Joao Ferreria, я предлагаю манипулировать внешним телом, было бы хорошо сделать это на стороне сервера. Javascript, например nodeJS или любой скрипт на стороне сервера –

ответ

0

.load() позволяет загрузить фрагмент страницы:

.load() метод, в отличие от $.get(), позволяет нам указать часть удаленный документ должен быть вставлен. Это достигается с помощью специального синтаксиса для параметра url. Если один или несколько символов пробега: , включенный в строку, часть строки, следующая за первым , считается селектором jQuery, который определяет загружаемое содержимое .

Поэтому использовать его как это:

$("#header").load("header.html nav.navbar.barra_superior"); 

Когда этот метод выполняется, он извлекает содержание header.html, но затем JQuery разбирает возвращаемый документ, чтобы найти нав элемент с классами навигационной панели и barra_superior. Этот элемент вместе с его содержимым вставляется в элемент с идентификатором заголовка, а остальная часть извлеченного документа отбрасывается. Следовательно, элемент <meta> из Header.html не будет вставлен. Если вы хотите вставить больше, чем navbar из Header.html, вы можете указать элемент body вместо этого.

Смежные вопросы