files/it/web/api/document/write/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74

---
title: Document.write()
slug: Web/API/Document/write
translation_of: Web/API/Document/write
---
<p>{{ ApiRef("DOM") }}</p>

<h3 id="Summary" name="Summary">Riassunto</h3>

<p>Scrive una stringa di testo in un flusso di documento aperto da <a href="/en-US/docs/Web/API/document.open" title="/en-US/docs/Web/API/document.open">document.open()</a>.</p>

<h3 id="Syntax" name="Syntax">Sintassi</h3>

<pre class="eval">document.write(<em>markup</em>);
</pre>

<ul>
 <li><code>markup</code> è una stringa contenente il testo da scrivere nel documento.</li>
</ul>

<h3 id="Example" name="Example">Example</h3>

<pre class="brush: html">&lt;html&gt;

&lt;head&gt;
&lt;title&gt;write example&lt;/title&gt;

&lt;script type="text/javascript"&gt;

function newContent()
{
alert("load new content");
document.open();
document.write("&lt;h1&gt;Out with the old - in with the new!&lt;/h1&gt;");
document.close();
}

&lt;/script&gt;
&lt;/head&gt;

&lt;body onload="newContent();"&gt;
&lt;p&gt;Some original document content.&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>

<h3 id="Notes" name="Notes">Note</h3>

<p>La scrittura di un documento che è gia stato caricato senza <a href="/en-US/docs/Web/API/document.open" title="/en-US/docs/Web/API/document.open">document.open()</a> eseguirà automaticamente <code>document.open</code>. Una volta che hai finito di scrivere, si consiglia di chiamare <a href="/en-US/docs/Web/API/document.close" title="/en-US/docs/Web/API/document.close">document.close()</a>, per dire al browser di completare il caricamento della pagina. Il testo che si scrive viene analizzato nel modello struttura del documento. Nell'esempio precedente, l'<code>h1</code> diventa nodo del documento.</p>

<p>Se il <code>document.write()</code> viene incorporato direttamente nel codice HTML, allora non chiamerà il <code>document.open()</code>. Per esempio:</p>

<pre class="brush: html"> &lt;div&gt;
  &lt;script type="text/javascript"&gt;
    document.write("&lt;h1&gt;Main title&lt;/h1&gt;")
  &lt;/script&gt;
 &lt;/div&gt;
</pre>

<div class="note"><strong>Nota:</strong> <strong>document.write</strong> (come <strong>document.writeln</strong>) non lavora in documenti XHTML (si otterrà "Operazione non ammessa" (<code>NS_ERROR_DOM_NOT_SUPPORTED_ERR</code>) nella console). Questo è il caso se l'apertura di un file locale con estensione .xhtml, o per qualsiasi documento servito con un tipo MIME application/xhtml+xml . Ulteriori informazioni sono disponibili nel <a class="external" href="http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite" title="http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite">W3C XHTML FAQ</a>.</div>

<h3 id="Specification" name="Specification">Specificazioni</h3>

<ul>
 <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75233634">DOM Level 2 HTML: <code>write()</code> Method</a></li>
 <li><a class="external" href="http://www.w3.org/html/wg/drafts/html/CR/webappapis.html#dynamic-markup-insertion" title="http://dev.w3.org/html5/spec/content-models.html#dynamic-markup-insertion">Dynamic markup insertion in HTML</a></li>
</ul>

<h3 id="See_also" name="See_also">Vedi anche</h3>

<ul>
 <li>{{ domxref("element.innerHTML") }}</li>
 <li>{{ domxref("document.createElement()") }}</li>
</ul>