原生JS动态创建链接

<code>&lt;!DOCTYPE HTML PUBLIC </code><code>"-//W3C//DTD HTML 4.0 Transitional//EN"</code><code>&gt;</code>

<code>&lt;HTML&gt;</code>

<code> </code><code>&lt;HEAD&gt;</code>

<code>  </code><code>&lt;TITLE&gt; New Document &lt;/TITLE&gt;</code>

<code>  </code><code>&lt;META NAME=</code><code>"Generator"</code> <code>CONTENT=</code><code>"EditPlus"</code><code>&gt;</code>

<code>  </code><code>&lt;META NAME=</code><code>"Author"</code> <code>CONTENT=</code><code>""</code><code>&gt;</code>

<code>  </code><code>&lt;META NAME=</code><code>"Keywords"</code> <code>CONTENT=</code><code>""</code><code>&gt;</code>

<code>  </code><code>&lt;META NAME=</code><code>"Description"</code> <code>CONTENT=</code><code>""</code><code>&gt;</code>

<code> </code><code>&lt;/HEAD&gt;</code>

<code> </code><code>&lt;BODY&gt;</code>

<code>  </code><code>&lt;script&gt;</code>

<code>  </code><code>var</code> <code>i=1;</code>

<code>function</code> <code>create() {</code>

<code>   </code><code>document.body.appendChild(document.createElement(</code><code>"br"</code><code>));</code>

<code>   </code><code>var</code> <code>a=document.createElement(</code><code>"a"</code><code>);</code>

<code>   </code><code>a.id=</code><code>"a"</code><code>+i;</code>

<code>   </code><code>a.href=</code><code>"www.csdn.net"</code><code>;</code>

<code>   </code><code>a.innerText=</code><code>"我是超链接"</code><code>+i;</code>

<code>   </code><code>a.title=</code><code>"我是超链接"</code><code>+i;</code>

<code>   </code><code>document.body.appendChild(a);</code>

<code>   </code> 

<code>   </code><code>i++;</code>

<code>}</code>

<code>  </code><code>&lt;/script&gt;</code>

<code>  </code><code>&lt;input type=</code><code>"button"</code> <code>value=</code><code>'click me'</code> <code>onclick=</code><code>'create();'</code> <code>/&gt;</code>

<code> </code><code>&lt;/BODY&gt;</code>

<code>&lt;/HTML&gt;</code>

<code></code>

本文转自问道博客51CTO博客，原文链接http://blog.51cto.com/450236/1909010如需转载请自行联系原作者

crackernet