最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:01:51
文档

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

Textarea与懒惰渲染实现代码_javascript技巧:代码如下。 代码如下: 立即渲染内容 张三 张四 懒惰渲染内容 李三 李四 setTimeout(function(){//懒惰渲染 var el =document.getElementById('lazyRender01'); el.parentNode.innerHTML = el.value;
推荐度:
导读Textarea与懒惰渲染实现代码_javascript技巧:代码如下。 代码如下: 立即渲染内容 张三 张四 懒惰渲染内容 李三 李四 setTimeout(function(){//懒惰渲染 var el =document.getElementById('lazyRender01'); el.parentNode.innerHTML = el.value;
 代码如下。
代码如下:

立即渲染内容

  • 张三

  • 张四







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


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

    立即渲染内容

  • 张三

  • 张四




  • document.write('

    输出来。
    但结果却有了很大的不同:就算浏览器不支持js,一切内容也还是能原样显示出来。

    文档

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

    Textarea与懒惰渲染实现代码_javascript技巧:代码如下。 代码如下: 立即渲染内容 张三 张四 懒惰渲染内容 李三 李四 setTimeout(function(){//懒惰渲染 var el =document.getElementById('lazyRender01'); el.parentNode.innerHTML = el.value;
    推荐度:
    标签: 技巧 实现 js
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top