Я работаю над приложением калькулятора и у меня возникли проблемы с моей навигационной панелью. Я построил его, поэтому я могу использовать его в других html файлах. Но когда я тестирую его, консоль продолжает работать, и я получаю это сообщение об ошибке:
[Устаревание] Синхронный XMLHttpRequest в основном потоке устарел из-за его пагубных последствий для работы конечного пользователя. Для получения дополнительной помощи, проверьте https://xhr.spec.whatwg.org/.
Я прочитал, что он имеет какое-то отношение к браузеру, который не может сказать, когда он был загружен, поэтому он просто продолжает работать. Может потребоваться некоторая помощь, как лучше всего решить эту проблему без необходимости переписывать много кода.
index. html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">.
</script>
<script src="script.js"></script>
<title>Home</title>
</head>
<body>
<div class="bem-welcome">
<h1 class="bem-welcome--text">Välkommen!</h1>
<div class="header"></div>
</div>
</body>
</html>
header. html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<script
src="https://ajax.googleapsis.com/ajax/libs/jquery/1.10.2/jquery.min.js">.
</script>
<script src="script.js"></script>
</head>
<body>
<div class="bem-selector">
<ul class="bem-main--selector">
<button class="bem-main--selector_button"><li class="bem-main--
selector_button__list"><a href="index.html" style="text-decoration:none">Hem</li></button>
<button class="bem-main--selector_button"><li class="bem-main--
selector_button__list "> Räkna Min sida .
script. js
/*skickar till rätt sida*/
$(document).ready(function(){
$(".header").load('header.html');
});