正文
innerHTML与jquery里的html()区别介绍
小程序:扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序
【扫一扫了解最新限行尾号】
复制小程序
我原本一直以为innerHTML和jquery里的html其实是完全一样的,jquery是多此一举了,直到我遇到一次问题
看个示例:
复制代码 代码如下:
var tbody=document.createElement('tbody');
tbody.innerHTML='<tr><td>IE下tbody的innerHTML是只读的</td></tr>'; //在IE下报错,目标对象错误
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。
今天在这个基础上加上了一个后加载广告的方法:
代码如下:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<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="http://files.jb51.net/image/kongbao_370.gif" width=370 height=60 /></a>'
;
doad(logo_m,
'logo_m'
);
</script>
|
百度管家自带的后加载广告的代码,基于jquery
?
1
2
3
4
5
6
|
<div id=
"tonglanbd"
></div>
<script type=
"text/javascript"
>
$.getScript(
"http://cbjs.baidu.com/js/m.js"
,
function
() {
BAIDU_CLB_fillSlotAsync(
"广告id,不能带u"
,
"tonglanbd"
);
});
</script>
|