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 checkbox全选、取消全选、删除功能代码
Dec 19 Javascript
javascript控制frame,iframe的src属性代码
Dec 31 Javascript
jquery实现心算练习代码
Dec 06 Javascript
数组方法解决JS字符串连接性能问题有争议
Jan 12 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
分享jQuery插件的学习笔记
Jan 14 Javascript
JavaScript 函数模式详解及示例
Sep 07 Javascript
JS焦点图,JS 多个页面放多个焦点图的实例
Dec 08 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
Vue实现侧边菜单栏手风琴效果实例代码
May 31 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
Protoss魔法科技
2020/03/14 星际争霸
PHP错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
Yii框架form表单用法实例
2014/12/04 PHP
PHP 5.6.11中CURL模块问题的解决方法
2016/08/08 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
js利用Array.splice实现Array的insert/remove
2009/01/13 Javascript
js 显示base64编码的二进制流网页图片
2014/04/04 Javascript
js打造数组转json函数
2015/01/14 Javascript
详细解密jsonp跨域请求
2015/04/15 Javascript
javascript中replace( )方法的使用
2015/04/24 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
2016/05/23 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
2016/11/01 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
jQuery实现优雅的弹窗效果(6)
2017/02/08 Javascript
详解Angular.js指令中scope类型的几种特殊情况
2017/02/21 Javascript
JS区分Object与Aarry的六种方法总结
2017/02/27 Javascript
jquery实现左右轮播图效果
2017/09/28 jQuery
小程序组件之仿微信通讯录的实现代码
2018/09/12 Javascript
Vue.js递归组件实现组织架构树和选人功能案例分析
2019/07/03 Javascript
微信小程序—setTimeOut定时器的问题及解决
2019/07/26 Javascript
js利用拖放实现添加删除
2020/08/27 Javascript
python监控网站运行异常并发送邮件的方法
2015/03/13 Python
基于python实现的抓取腾讯视频所有电影的爬虫
2016/04/22 Python
Python单体模式的几种常见实现方法详解
2017/07/28 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
Python简易版图书管理系统
2019/08/12 Python
印度购物网站:TATA CLiQ
2017/11/23 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
银行竞聘上岗演讲稿
2014/09/12 职场文书
文明单位申报材料
2014/12/23 职场文书
幼儿园春季开学通知
2015/07/16 职场文书
高二数学教学反思
2016/02/18 职场文书
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript