javascript innerText和innerHtml应用

 更新时间:2010年01月28日 22:30:26   作者:  
innerText和innerHtml看字面也应该理解的了

看看代码

<head runat="server">
    <title>无标题页</title>
    <script language="javascript">
        function ok(){
            var txt=new Array();
            txt.push("<strong>");
            txt.push("I am Strong");        
            txt.push("</strong>");
            txt.push("I'm not strong")
            document.getElementById("adiv").innerHTML=txt.join(" ");//字符中的分隔符
            txt=null;//释放内存提高性能
        }
    </script>
</head>
<body onload="ok()">
    <form id="form1" runat="server">
    <div id="adiv">

    </div>
    </form>
</body>

document.getElementById("adiv").innerHTML=txt.join(" ");

使用innerHtml会转义成HTML。加粗显示出来

使用innerText不会转译,标签全出来了

js中的 ok这个函数,就想c#里的StringBuilder,

js中用数组这种写法,可以提高字符串的性能!!!!

 

相关文章

  • JS中的public和private对象,即static修饰符

    JS中的public和private对象,即static修饰符

    先看下面的例子,它将告诉我们在JS世界中也有C#里的public , private ,及static等
    2012-01-01
  • 再次谈论Javascript中的this

    再次谈论Javascript中的this

    javascript中的this应用非常广泛,对js中this总是似是而非的感觉,今天小编豁然开朗,然后再次给大家谈论js中的this关键,感兴趣的朋友跟着小编一起看看吧
    2016-06-06
  • JS实现Ajax的方法分析

    JS实现Ajax的方法分析

    这篇文章主要介绍了JS实现Ajax的方法,结合实例形式分析了ajax的概念、原理、js实现与使用方法,需要的朋友可以参考下
    2016-12-12
  • bootstrap select下拉搜索插件使用方法详解

    bootstrap select下拉搜索插件使用方法详解

    这篇文章主要为大家详细介绍了bootstrap select下拉搜索插件的使用方法,动态加载自己数据的二级联动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • 详解JS中常用的Fetch API

    详解JS中常用的Fetch API

    Fetch API是一种用于进行网络请求的现代JavaScript API,提供了更简洁、强大和灵活的方式来处理异步数据交互,本文主要为大家介绍了js中js中基本用法,感兴趣的同学可以参考下
    2023-07-07
  • JS选取DOM元素的简单方法

    JS选取DOM元素的简单方法

    下面小编就为大家带来一篇JS选取DOM元素的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • JavaScript常用代码书写规范的超全面总结

    JavaScript常用代码书写规范的超全面总结

    这篇文章给大家全面总结了JavaScript常用代码的书写规范,分别利用推荐和不推荐的两种示例代码让大家更能直接的了解书写规范,其实关于javascript代码规范我们应该遵循古老的原则:“能做并不意味着应该做”,好了,下面我们就来一起看看吧。
    2016-09-09
  • js用正则表达式筛选年月日的实例方法

    js用正则表达式筛选年月日的实例方法

    在本篇文章里小编给大家整理的是一篇关于js用正则表达式筛选年月日的实例方法,对此有兴趣的朋友们可以学习下。
    2021-01-01
  • 一文带你理解微信小程序中RPC通信的实现

    一文带你理解微信小程序中RPC通信的实现

    在微信小程序开发中,要实现两个线程之间的通信是一项重要的任务,所以本文就来讲讲如何使用小程序的 postMessage 和 addListener API 来实现在两个线程之间进行高效的 RPC 通信吧
    2023-06-06
  • JavaScript中使用Callback控制流程介绍

    JavaScript中使用Callback控制流程介绍

    这篇文章主要介绍了JavaScript中使用Callback控制流程介绍,本文讲解了callback的一些问题和优化后的写法并给出代码实例,需要的朋友可以参考下
    2015-03-03

最新评论