Я всегда использовал метод Document.Write () для отображения данных в браузере, и использовал его как alert (). Кажется, что такого рода использование немного недооценено. Давайте поговорим о его основном использовании.
Метод документа.write () может использоваться в двух аспектах:
1. Во время процесса загрузки страницы добавьте новое содержимое страницы с помощью скрипта.
2. Используйте сценарии задержки, чтобы создать содержимое этого окна или нового окна.
Этот метод требует структурного параметра, который является HTML -содержанием, записанным в окно или кадре. Эти строковые параметры могут быть переменными или выражениями со значениями в виде строк, а написанный контент часто включает в себя язык разметки HTML. Как и в следующем коде, академическая системная структура загружает под страницу
Кода -копия выглядит следующим образом:
<!-Поместите кадр в ячейку->
<span style = "font-size: 18px;">
<td valign = "top" id = "content-container">
<div id = "загрузка">
// Значок эффекта загрузки
<img src = "Images /load.gif" />
</div>
<script type = "text/javascript">
// Вызов функции outputiframe JS для сформирования структуры
Index.Outputiframe ();
</script>
</td>
</span>
Кода -копия выглядит следующим образом:
<span style = "font-size: 18px;"> // выходной кадр
Index.outputiframe = function () {
var scrolling = $ .isie6 == true? «Да»: «Авто»;
document.write ('<iframe id = "content" marginwidth = "0" marginheight = "0" crameborder = "0" scrolling = "' + scrolling + '" onload = "$ (/'#загрузка/'). hide (); $ (this) .show ();" src = "> </iframe>');
};
</span>
После того, как страница загружена, выходной поток браузера автоматически закрыт. После этого любой метод Document.Write (), который работает на текущей странице, откроет новый выходной поток, который очистит содержимое текущей страницы (включая любые переменные или значения исходного документа). Поэтому, если вы хотите заменить текущую страницу на HTML, сгенерированный сценарием, вы должны подключить контент HTML и назначить ее с переменной и использовать метод Document.Write () для завершения операции записи.
Еще одна вещь, которую нужно объяснить о методе Document.Write (), - это связанный с ним метод Document.Close (). После того, как сценарий записывает содержимое в окно (будь то или другое окно), выходной поток должен быть закрыт. После последнего метода документа. Если вы этого не делаете, вы не можете отображать изображения и формы. И любой, впоследствии называемый Document.Write (), будет добавлять только контент на страницу без очистки существующего контента для написания нового значения.
Чтобы продемонстрировать метод Document.Write (), мы предоставляем две версии одного и того же приложения. Один пишет контент в документ, содержащий сценарий, а другой пишет контент в отдельное окно.
Пример 1 создает кнопку, которая объединяет новый HTML -контент для документа, включая теги HTML для нового заголовка документа и цветных атрибутов тега.
В примере есть оператор +=, который не знаком читателям. Он добавляет строку справа от переменной слева. Эта переменная используется для хранения строки. Этот оператор может легко объединить несколько отдельных операторов в длинные строки. Используйте оператор Document.Write (), объединенную в переменной NewContent, чтобы записать весь новый контент в документ, полностью очистив контент в примере 1.
Затем вам нужно позвонить в оператор Document.Close (), чтобы закрыть выходной поток. При загрузке документа и нажав кнопку, вы можете заметить, что заголовок документа в строке заголовка браузера в результате меняется. Когда вы вернетесь в исходный документ и снова нажимаете кнопку, вы можете увидеть, что вторая страница, написанная динамически, загружается даже быстрее, чем перезагрузка исходного документа.
Пример 1 Используйте Document.Write () в текущем окне.
Кода -копия выглядит следующим образом:
<html xmlns = "http://www.w3.org/1999/xhtml"> <title> Написание в тот же документ </title>
<script language = "javascript">
// переписать функцию
function repetwrite () {
// Сохранить письменный контент
var newContent = "<html> <head> <title> новый документ </title> </head>"
newContent += "<body bgcolor = 'aqua'> <h1> Этот документ является совершенно новым. </h1>"
NewContent += «Нажмите кнопку« Назад », чтобы увидеть исходный документ».
newContent += "</body> </html>"
// написать новый контент
Document.Write (NewContent);
document.close ();
}
</script>
</head>
<тело>
<форма>
<!-Нажмите кнопку, чтобы вызвать функцию записи->
<input type = "button" value = "Заменить контент" onclick = "repeatWrite ()">
</form>
</body>
</html>
Суммировать:
Недавно я пишу статический загрузчик ресурсов, который использует Document.Write. Получив некоторые повороты, я обнаружил, что Document.Write все еще имеет некоторый контент, поэтому я решил что -то бросить и записать это, и в то же время это также способ накопить что -то для себя.