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 相关文章推荐
javascript 面向对象 function类
May 13 Javascript
使用script的src实现跨域和类似ajax效果
Nov 10 Javascript
javascript封装的sqlite操作类实例
Jul 17 Javascript
JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)
Feb 16 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
Sep 02 Javascript
JS中call和apply函数用法实例分析
Jun 20 Javascript
微信小程序实现左右联动的实战记录
Jul 05 Javascript
VUE预渲染及遇到的坑
Sep 03 Javascript
详解js获取video任意时间的画面截图
Apr 17 Javascript
js获取 gif 的帧数的代码实例
Sep 10 Javascript
JavaScript 自定义html元素鼠标右键菜单功能
Dec 02 Javascript
记一次vue跨域的解决
Oct 21 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下检测字符串是否是utf8编码的代码
2008/06/28 PHP
php微信高级接口群发 多客服
2016/06/23 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
php集成开发环境详解
2019/09/24 PHP
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
jQuery EasyUI API 中文文档 - Tree树使用介绍
2011/11/19 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
2013/11/08 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
在Node.js中实现文件复制的方法和实例
2014/06/05 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
nodejs批量修改文件编码格式
2015/01/22 NodeJs
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
javascript数组去重小结
2016/03/07 Javascript
浅谈如何实现easyui的datebox格式化
2016/06/12 Javascript
js中数组的常用方法小结
2016/12/30 Javascript
利用n 升级工具升级Node.js版本及在mac环境下的坑
2017/02/15 Javascript
解决vue中post方式提交数据后台无法接收的问题
2018/08/11 Javascript
vue基于viewer实现的图片查看器功能
2019/04/12 Javascript
小程序如何构建骨架屏
2019/05/29 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
深入浅析JavaScript中的in关键字和for-in循环
2020/04/20 Javascript
python生成随机mac地址的方法
2015/03/16 Python
简单谈谈python中的多进程
2016/11/06 Python
Python2和Python3中print的用法示例总结
2017/10/25 Python
python打包生成的exe文件运行时提示缺少模块的解决方法
2018/10/31 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
CSS3中background-clip和background-origin的区别示例介绍
2014/03/10 HTML / CSS
CSS3实现千变万化的文字阴影text-shadow效果设计
2016/04/26 HTML / CSS
庆祝教师节活动方案
2014/01/31 职场文书
中学生个人自我评价
2014/02/06 职场文书
售后服务经理岗位职责
2014/02/25 职场文书
高一军训决心书
2015/02/05 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书