javascript innerText和innerHtml应用


Posted in Javascript onJanuary 28, 2010

看看代码

<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中用数组这种写法,可以提高字符串的性能!!!!

 javascript innerText和innerHtml应用

Javascript 相关文章推荐
window.onbeforeunload方法在IE下无法正常工作的解决办法
Jan 23 Javascript
location.href语句与火狐不兼容的问题
Jul 04 Javascript
24款非常有用的 jQuery 插件分享
Apr 06 Javascript
JS localStorage实现本地缓存的方法
Jun 22 Javascript
javascript制作的cookie封装及使用指南
Jan 02 Javascript
JavaScript中匿名函数用法实例
Mar 23 Javascript
jquery获取所有选中的checkbox实现代码
May 26 Javascript
JavaScript中Form表单技术汇总(推荐)
Jun 26 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
vue中配置scss全局变量的步骤
Dec 28 Vue.js
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
Feb 23 Vue.js
使用JavaScript库还是自己写代码?
Jan 28 #Javascript
js或css实现滚动广告的几种方案
Jan 28 #Javascript
jquery中的sortable排序之后的保存状态的解决方法
Jan 28 #Javascript
javascript面向对象的方式实现的弹出层效果代码
Jan 28 #Javascript
jquery 常用操作方法
Jan 28 #Javascript
jquery 经典动画菜单效果代码
Jan 26 #Javascript
使用JQuery进行跨域请求
Jan 25 #Javascript
You might like
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
php中get_headers函数的作用及用法的详细介绍
2013/04/27 PHP
PHP7常量数组用法分析
2016/09/26 PHP
php正则提取html图片(img)src地址与任意属性的方法
2017/02/08 PHP
PHP手机短信验证码实现流程详解
2018/05/17 PHP
在laravel框架中使用model层的方法
2019/10/08 PHP
PHP优化之批量操作MySQL实例分析
2020/04/23 PHP
图片自动缩小 点击放大
2008/07/07 Javascript
通过隐藏option实现select的联动效果
2009/11/10 Javascript
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
JavaScript中setUTCFullYear()方法的使用简介
2015/06/12 Javascript
基于jquery实现复选框全选,反选,全不选等功能
2015/10/16 Javascript
12种JavaScript常用的MVC框架比较分析
2015/11/16 Javascript
TypeScript入门-接口
2017/03/30 Javascript
webpack配置导致字体图标无法显示的解决方法
2018/03/06 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
vue实现购物车选择功能
2020/01/10 Javascript
Vue-cli 移动端布局和动画使用详解
2020/08/10 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
[46:00]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第一局
2016/03/03 DOTA
[05:46]2018完美盛典-《同梦共竞》
2018/12/17 DOTA
python 简单的多线程链接实现代码
2016/08/28 Python
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
CSS3 伪类选择器 nth-child()说明
2010/07/10 HTML / CSS
家长会邀请书
2014/01/25 职场文书
网吧七夕活动策划方案
2014/08/31 职场文书
2014国庆节国旗下演讲稿(精选版)
2014/09/26 职场文书
学校实习推荐信
2015/03/27 职场文书
幽灵公主观后感
2015/06/09 职场文书
领导莅临指导欢迎词
2015/09/30 职场文书
mysql部分操作
2021/04/05 MySQL
使用Pytorch训练two-head网络的操作
2021/05/28 Python
Django对接elasticsearch实现全文检索的示例代码
2021/08/02 Python
Go web入门Go pongo2模板引擎
2022/05/20 Golang