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调试系列 初识控制台
Jun 18 Javascript
JavaScript中的object转换成number或string规则介绍
Dec 31 Javascript
非常实用的12个jquery代码片段
Nov 02 Javascript
vue.js+boostrap项目实践(案例详解)
Sep 21 Javascript
原生js仿浏览器滚动条效果
Mar 02 Javascript
js中setTimeout的妙用--防止循环超时
Mar 06 Javascript
JS使用cookie实现只出现一次的广告代码效果
Apr 22 Javascript
angular2 ng2 @input和@output理解及示例
Oct 10 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
react中使用swiper的具体方法
May 15 Javascript
Js中将Long转换成日期格式的实现方法
Jun 05 Javascript
解决 viewer.js 动态更新图片导致无法预览的问题
May 14 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中session过期时间设置及session回收机制介绍
2014/05/05 PHP
php多次include后导致全局变量global失效的解决方法
2015/02/28 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
PHP判断字符串长度的两种方法很实用
2015/09/22 PHP
调试WordPress中定时任务的相关PHP脚本示例
2015/12/10 PHP
php mysql实现mysql_select_db选择数据库
2016/12/30 PHP
PHP获取数据库表中的数据插入新的表再原删除数据方法
2018/10/12 PHP
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
在Javascript里访问SharePoint列表数据的实现方法
2011/05/22 Javascript
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
jQuery事件用法实例汇总
2014/08/29 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
浅谈js构造函数的方法与原型prototype
2016/07/04 Javascript
AngularJS使用ng-Cloak阻止初始化闪烁问题的方法
2016/11/03 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
微信小程序 利用css实现遮罩效果实例详解
2017/01/21 Javascript
利用javascript实现的三种图片放大镜效果实例(附源码)
2017/01/23 Javascript
如何使用Bootstrap 按钮实例详解
2017/03/29 Javascript
JavaScript实现简单的文本逐字打印效果示例
2018/04/12 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
JavaScript设计模式之观察者模式与发布订阅模式详解
2020/05/07 Javascript
vue实现整屏滚动切换
2020/06/29 Javascript
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
python实现二分查找算法
2017/09/21 Python
Python获取指定文件夹下的文件名的方法
2018/02/06 Python
python计算n的阶乘的方法代码
2019/10/25 Python
如何使用python代码操作git代码
2020/02/29 Python
Python文件操作及内置函数flush原理解析
2020/10/13 Python
使用phonegap获取设备的一些信息方法
2017/03/31 HTML / CSS
西班牙最好的在线购买葡萄酒的商店:Vinoseleccion
2019/10/30 全球购物
大学生就业推荐信范文
2013/11/29 职场文书
经贸专业毕业生求职信
2014/03/23 职场文书
党员个人公开承诺书
2014/08/29 职场文书
2014年教师节国旗下讲话稿
2014/09/10 职场文书
2014年学校食堂工作总结
2014/11/25 职场文书
爱心捐款活动总结
2015/05/09 职场文书