Вступительный урок. Метод write объекта document
Четверг, 21 июля 2011 г.Рубрика: JavaScript -> Комментарии и метод Write
Метки: document | javascript | js | write
Просмотров: 639
Подписаться на комментарии по RSS
Javascript использует объекты, у которых есть свои свойства и методы.
Благодаря методам можно воздействовать на объекты.
Объект и его свойство или метод разделяются точкой.
Если мы хотим просто вывести информацию, то нужно использовать свойство объекта, а если мы хотим изменить, то нужно использовать метод.
Вставить javascript в код вашей страницы можно так:
<script type = "text/javascript"> код </script>
Давайте рассмотрим первый объект - document.
document - это объект, который содержит в себе все остальные объекты, то есть он содержит в себе по сути все html теги и всё остальное заключённое в body.
Попробуем вывести текст на странице при помощи объекта document и его метода write:
<html>
<head><title>JS</title></head>
<body>
<script type = "text/javascript">
document.write("JS работает!");
</script>
</body>
</html>
На нашем экране появится такая надпись - JS работает!
Это у нас получилось благодаря методу write, который изменил свойство объекта document, такую строку - document.write - можно прочитать как - записать в документ.
В метод write мы ввели параметр в скобки, который и отобразился у нас на странице.
JS обрабатывает нашу строку так - всё что не в кавычках - исполняемый код, а всё что в кавычках нужно будет записать в свойство объекта.
Так же можно и изменить свойства текста через html, мы просто допишем наш текст:
<html>
<head><title>JS</title></head>
<body>
<script type = "text/javascript">
document.write("<p><tt><b>JS работает!</b></tt></p>");
</script>
</body>
</html>
У нас появится на экране жирный и моноширный текст с отступом.
Если Вы захотите вывести текст с кавычками, то можно использовать два варианта решения этой проблемы - почему проблему, потому что как говорилось ранее - всё что не в кавычках для JavaScript исполняемый код, а всё что в кавычках для него просто строка.
Так вот если поставить кавычки в кавычках, то произойдёт ошибка и тот текст, который был в внутренних кавычках станет исполняемым кодом, тогда произойдёт ошибка и JavaScript не сможет вывести какую либо информацию.
И так для решения этой проблемы можно использовать кавычки отличные от наружных - типа "JS 'cool' !" или 'JS "cool" !'.
Но можно и экранировать эти кавычки тогда можно использовать любой тип кавычек - "JS \"cool\" !". Знак слеша не появится на экране, но и не произойдёт ошибка, и весь текст отобразиться нормально. Посмотрим на примере:
<html>
<head><title>JS</title></head>
<body>
<script type = "text/javascript">
document.write("\"JS\" работает!");
</script>
</body>
</html>
