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 相关文章推荐
去除链接虚线全面分析总结
Aug 15 Javascript
JS宝典学习笔记(下)
Jan 10 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
jQuery JSON的解析方式分享
Apr 05 Javascript
javascript简单性能问题及学习笔记
Feb 04 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
JavaScript判断日期时间差的实例代码
Mar 01 Javascript
vue中引用swiper轮播插件的教程详解
Aug 16 Javascript
layer弹出层 iframe层去掉滚动条的实例代码
Aug 17 Javascript
angularJs select绑定的model取不到值的解决方法
Oct 08 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
Apr 10 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
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
php字符串替换函数substr_replace()用法实例
2015/03/17 PHP
php 猴子摘桃的算法
2017/06/20 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
PHP 结合 Boostrap 结合 js 实现学生列表删除编辑及搜索功能
2019/05/21 PHP
JS模块与命名空间的介绍
2013/03/22 Javascript
JS获得URL超链接的参数值实例代码
2013/06/21 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
jquery Tab效果和动态加载的简单实例
2013/12/11 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
jquery实现的鼠标拖动排序Li或Table
2014/05/04 Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
2015/03/01 Javascript
jQuery实现最简单的切换图效果【可兼容IE6、火狐、谷歌、opera等】
2016/09/04 Javascript
jQuery复制节点用法示例(clone方法)
2016/09/08 Javascript
深究AngularJS之ui-router详解
2017/06/13 Javascript
微信小程序如何获取用户信息
2018/01/26 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
2018/10/20 Javascript
浅谈javascript中的prototype和__proto__的理解
2019/04/07 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
python中input()与raw_input()的区别分析
2016/02/27 Python
JSON Web Tokens的实现原理
2017/04/02 Python
python使用tornado实现登录和登出
2018/07/28 Python
Python中矩阵创建和矩阵运算方法
2018/08/04 Python
世界经理人咨询有限公司面试
2014/09/23 面试题
自主实习接收函
2014/01/13 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
安娜卡列尼娜观后感
2015/06/11 职场文书
离职信范本
2015/06/23 职场文书
推广普通话主题班会
2015/08/17 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python
用React Native制作一个简单的游戏引擎
2021/05/27 Javascript
python中tkinter复选框使用操作
2021/11/11 Python
详解JAVA的控制语句
2021/11/11 Java/Android