Heim  >  Artikel  >  Web-Frontend  >  Textarea与懒惰渲染实现代码_javascript技巧

Textarea与懒惰渲染实现代码_javascript技巧

WBOY
WBOYOriginal
2016-05-16 17:57:44927Durchsuche

代码如下。

复制代码 代码如下:


立即渲染内容

  • 张三Textarea与懒惰渲染实现代码_javascript技巧

  • 张四Textarea与懒惰渲染实现代码_javascript技巧






<script> <BR>setTimeout(function(){//懒惰渲染 <BR>var el =document.getElementById('lazyRender01'); <BR>el.parentNode.innerHTML = el.value; <BR>},1000); <BR></script>

代码的好处是:让李三李四对应的内容,在懒惰渲染之前,不形成dom节点,不请求图片。
但有的同学会问:“Textarea里的内容,对搜索引擎不友好。”
没问题,这个也很好解决的:
复制代码 代码如下:


立即渲染内容

  • 张三Textarea与懒惰渲染实现代码_javascript技巧

  • 张四Textarea与懒惰渲染实现代码_javascript技巧




<script>document.write('<textarea id="lazyRender01" style="display:none">');</script>
懒惰渲染内容

  • 李三Textarea与懒惰渲染实现代码_javascript技巧

  • 李四Textarea与懒惰渲染实现代码_javascript技巧




<script> <BR>setTimeout(function(){//懒惰渲染 <BR>var el =document.getElementById('lazyRender01'); <BR>el.parentNode.innerHTML = el.value; <BR>},1000); <BR></script>

代码的区别很简单,只是把'
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn