Главная страница  /  Занятия  /  #6  /  Доступ к браузерному окружению в JavaScript

Доступ к браузерному окружению в JavaScript

Задание:

Показать, как происходит доступ к браузерному окружению в JavaScript.

HTML–код (index.html):

   <!DOCTYPE html>
   
   <html lang="ru">
   
    <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Доступ к браузерному окружению в JavaScript</title>
     <script src="script-1.js"></script>
     <script src="script-2.js"></script>
    </head>
   
    <body>
     <p id="staticParagraph">Первый параграф.</p>
    </body>
   
   </html>

JS–скрипты:

Файл script-1.js:

   var JSVariable = "Строковая переменная JavaScript";

Файл script-2.js:

   window.onload = function()
   {
    var newParagraph = document.createElement('p');
    newParagraph.id = "dynamicParagraph";
    document.body.append(newParagraph);
    newParagraph.innerHTML += '<b>ДОСТУП К DOM:</b><hr>Текст первого параграфа: &#171;'+document.getElementById('staticParagraph').innerHTML+'&#187;<br><br><br><br>';
    newParagraph.innerHTML += '<b>ДОСТУП К BOM:</b><hr>Имя: '+navigator.appName+'<br><br>Версия: '+navigator.appVersion+'<br><br>Кодовое имя: '+navigator.appCodeName+'<br><br>Агент пользователя: '+navigator.userAgent+'<br><br>Платформа: '+navigator.platform+'<br><br><br><br>';
    newParagraph.innerHTML += '<b>ДОСТУП К JAVASCRIPT:</b><hr>'+JSVariable;
   };

Результат:

Результат выполнения задания можно посмотреть здесь.