innerHTML与jquery里的html()区别介绍


Posted in Javascript onOctober 12, 2012

看个示例:

var tbody=document.createElement('tbody'); 

tbody.innerHTML='<tr><td>IE下tbody的innerHTML是只读的</td></tr>'; //在IE下报错,目标对象错误

现在用jquery的html试试,

$(tbody).html('<tr><td>IE下tbody的innerHTML是只读的</td></tr>');

发现IE下用jquery能正确显示了,没任何问题。
后来查阅资料才知道,原来IE下tbody、tr这些的innerHTML都是只读的,不允许写入,而在其他浏览器下则没问题。

而jquery里是用了try,catch来检测,如果报错则在catch里重新调用this.empty().append(value),是通过append来添加字符串的。

jquery 如何使用innerHTML

$("#responsediv") 是个Jquery对象,它Val()是对Value属性赋值对它无意义,Jquery没有innerHTML这个属性,应该这样写$("#responsediv")[0].innerHTML=msg 就可以获得这个Dom对象使用innerHTML。

今天在这个基础上加上了一个后加载广告的方法:

代码如下:

<div id="logo_m"></div>
<script>
function doad(datastr,id){ 
//getid(id).innerHTML = datastr; 这个是原生js的写法
$("#"+id).html(datastr); //这个是jquery写法
}
/*
上面的都是直接的字符串写入,不能是js代码
下面的代码利用的是jquery的append加载google广告不错,百度的好像不能用。后加载百度的可以是用百度管家自带的函数。
*/
function doad2(datastr,id){ 
$("#"+id).append(datastr);
}

var logo_m='<a href="http://www.danhw.com/" target="_blank"><img src="//img.jbzj.com/image/kongbao_370.gif" width=370 height=60 /></a>';
doad(logo_m,'logo_m');
</script>

百度管家自带的后加载广告的代码,基于jquery

<div id="tonglanbd"></div>
<script type="text/javascript">
$.getScript("http://cbjs.baidu.com/js/m.js", function() {
BAIDU_CLB_fillSlotAsync("广告id,不能带u","tonglanbd");
});
</script>
Javascript 相关文章推荐
JS查看对象功能代码
Apr 25 Javascript
JavaScript 精粹读书笔记(1,2)
Feb 07 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
Feb 02 Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 Javascript
Angularjs手动解析表达式($parse)
Oct 12 Javascript
canvas实现钟表效果
Feb 13 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
vue结合Echarts实现点击高亮效果的示例
Mar 17 Javascript
使用JavaScript破解web
Sep 28 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
May 23 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 Javascript
linux服务器快速卸载安装node环境(简单上手)
Feb 22 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
Oct 12 #Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 #Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 #Javascript
利用谷歌地图API获取点与点的距离的js代码
Oct 11 #Javascript
关于JS控制代码暂停的实现方法分享
Oct 11 #Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 #Javascript
js函数的延迟加载实现代码
Oct 11 #Javascript
You might like
PHP下MAIL的另一解决方案
2006/10/09 PHP
生成sessionid和随机密码的例子
2006/10/09 PHP
PHP新手上路(四)
2006/10/09 PHP
PHP 文件缓存的性能测试
2010/04/25 PHP
浅析php插件 HTMLPurifier HTML解析器
2013/07/01 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
解决php extension 加载顺序问题
2019/08/16 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
HTML页面如何象ASP一样接受参数
2007/02/07 Javascript
jQuery each()小议
2010/03/18 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
2013/08/26 Javascript
JS取得绝对路径的实现代码
2015/01/16 Javascript
jQuery实现contains方法不区分大小写的方法
2015/02/13 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
JS自动生成动态HTML验证码页面
2017/06/14 Javascript
React Native第三方平台分享的实例(Android,IOS双平台)
2017/08/04 Javascript
React根据宽度自适应高度的示例代码
2017/10/11 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
Vue 动态组件components和v-once指令的实现
2019/08/30 Javascript
javascript Canvas动态粒子连线
2020/01/01 Javascript
[01:56]《DOTA2》中文配音CG
2013/04/22 DOTA
[49:27]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第一场
2018/04/05 DOTA
Python Sleep休眠函数使用简单实例
2015/02/02 Python
用实例详解Python中的Django框架中prefetch_related()函数对数据库查询的优化
2015/04/01 Python
python开发之anaconda以及win7下安装gensim的方法
2019/07/05 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
基于django micro搭建网站实现加水印功能
2020/05/22 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
美国班级戒指、帽子和礼服、毕业产品、年鉴:Balfour
2018/11/01 全球购物
初中生期末考试的自我评价
2013/12/17 职场文书
学习雷锋月活动总结
2014/07/03 职场文书
债务追讨律师函
2015/06/24 职场文书