Я хочу загрузить home.html <div id="content">
.
<div id="topBar"> <a href ="#" onclick="load_home()"> HOME </a> </div>
<div id ="content"> </div>
<script>
function load_home(){
document.getElementById("content").innerHTML='<object type="type/html" data="home.html" ></object>';
}
</script>
Это прекрасно работает, когда я использую Firefox. Когда я использую Google Chrome, он запрашивает плагин. Как мне заставить его работать в Google Chrome?
javascript
html
google-chrome
Giliweed
источник
источник
load_home(); return false
Ответы:
Я наконец нашел ответ на свою проблему. Решение
источник
type="type/html"
изменен наtype="text/html"
Вы можете использовать функцию загрузки jQuery:
Сожалею. Отредактировано для клика, а не для загрузки.
источник
Получить API
XHR API
основываясь на ваших ограничениях, вы должны использовать ajax и убедиться, что ваш javascript загружен перед разметкой, которая вызывает
load_home()
функциюСсылка - Дэвидвалш
MDN - Использование Fetch
JSFIDDLE демо
источник
Content-Type
заголовка кGET
запросу не имеет смысла - я думаю, вы имели в видуsetRequestHeader("Accept", "text/html")
?Извлечение HTML современным способом Javascript
Этот подход использует современные функции Javascript, такие как
async/await
иfetch
API. Он загружает HTML как текст, а затем передает его вinnerHTML
ваш элемент контейнера.await (await fetch(url)).text()
Может показаться немного сложным, но это легко объяснить. Он имеет два асинхронных шага, и вы можете переписать эту функцию следующим образом:См. Документацию по fetch API для более подробной информации.
источник
Я видел это и думал, что это выглядит довольно хорошо, поэтому я провел несколько тестов на нем.
Это может показаться чистым подходом, но с точки зрения производительности он отстает на 50% по сравнению со временем, которое потребовалось для загрузки страницы с помощью функции загрузки jQuery или с использованием ванильного JavaScript-подхода XMLHttpRequest, которые были примерно похожи друг на друга.
Я предполагаю, что это потому, что под капотом он получает страницу точно таким же образом, но он также должен иметь дело с созданием целого нового объекта HTMLElement.
В заключение я предлагаю использовать jQuery. Синтаксис настолько прост в использовании, насколько это возможно, и имеет хорошо структурированный обратный вызов для вас. Это также относительно быстро. Ванильный подход может быть быстрее незаметно за несколько миллисекунд, но синтаксис сбивает с толку. Я бы использовал это только в среде, где у меня не было доступа к jQuery.
Вот код, который я использовал для тестирования - он довольно элементарный, но времена возвращались очень согласованными в нескольких попытках, поэтому я бы сказал, что с точностью до + - 5 мс в каждом случае. Тесты запускались в Chrome с моего собственного домашнего сервера:
источник
Когда используешь
Затем помните, что вы не можете "отлаживать" в Chrome локально, потому что XMLHttpRequest не может загрузить - это не означает, что он не работает, это просто означает, что вам нужно протестировать свой код на том же домене, иначе. ваш сервер
источник
Вы можете использовать jQuery:
источник
пытаться
Показать фрагмент кода
источник
или
источник
На github есть плагин, который загружает контент в элемент. Вот репо
https://github.com/abdi0987/ViaJS
источник
Обычно это необходимо, когда вы хотите включить header.php или любую другую страницу.
В Java это легко, особенно если у вас есть HTML-страница и вы не хотите использовать функцию php include, но вам вообще следует написать функцию php и добавить ее как функцию Java в теге script.
В этом случае вы должны написать это без функции с именем Just. Скрипт вызывает функциональное слово и запускает include header.php Т.е. преобразует функцию php include в функцию Java в теге script и помещает весь ваш контент в этот включаемый файл.
источник
Используйте этот простой код
источник
w3-include-HTML
является частьюW3.JS
библиотеки сценариев W3Schools.com (доступно здесь: w3schools.com/w3js/default.asp ). Я хочу отметить, что W3Schools (и w3.js, иw3.includeHTML()
) никоим образом не связаны с Консорциумом W3 (одна из двух основных групп, определяющих стандарты HTML + CSS + DOM (другая группа - WHATWG).showhide.html
showhide_embedded.html
источник
Если ваш HTML-файл находится локально, то вместо тега выберите iframe. теги не работают кросс-браузер, и в основном используются для Flash
Например:
<iframe src="home.html" width="100" height="100"/>
источник