欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

innerHTML與jquery里的html()區(qū)別介紹

 更新時(shí)間:2012年10月12日 11:36:35   投稿:mdxy-dxy  
我原本一直以為innerHTML和jquery里的html其實(shí)是完全一樣的,jquery是多此一舉了,直到我遇到一次問(wèn)題

看個(gè)示例:

復(fù)制代碼 代碼如下:

var tbody=document.createElement('tbody');
tbody.innerHTML='<tr><td>IE下tbody的innerHTML是只讀的</td></tr>'; //在IE下報(bào)錯(cuò),目標(biāo)對(duì)象錯(cuò)誤


現(xiàn)在用jquery的html試試,
復(fù)制代碼 代碼如下:

$(tbody).html('<tr><td>IE下tbody的innerHTML是只讀的</td></tr>');

發(fā)現(xiàn)IE下用jquery能正確顯示了,沒(méi)任何問(wèn)題。
后來(lái)查閱資料才知道,原來(lái)IE下tbody、tr這些的innerHTML都是只讀的,不允許寫(xiě)入,而在其他瀏覽器下則沒(méi)問(wèn)題。

而jquery里是用了try,catch來(lái)檢測(cè),如果報(bào)錯(cuò)則在catch里重新調(diào)用this.empty().append(value),是通過(guò)append來(lái)添加字符串的。

jquery 如何使用innerHTML

$("#responsediv") 是個(gè)Jquery對(duì)象,它Val()是對(duì)Value屬性賦值對(duì)它無(wú)意義,Jquery沒(méi)有innerHTML這個(gè)屬性,應(yīng)該這樣寫(xiě)$("#responsediv")[0].innerHTML=msg 就可以獲得這個(gè)Dom對(duì)象使用innerHTML。

今天在這個(gè)基礎(chǔ)上加上了一個(gè)后加載廣告的方法:

代碼如下:

<div id="logo_m"></div>
<script>
function doad(datastr,id){ 
//getid(id).innerHTML = datastr; 這個(gè)是原生js的寫(xiě)法
$("#"+id).html(datastr); //這個(gè)是jquery寫(xiě)法
}
/*
上面的都是直接的字符串寫(xiě)入,不能是js代碼
下面的代碼利用的是jquery的append加載google廣告不錯(cuò),百度的好像不能用。后加載百度的可以是用百度管家自帶的函數(shù)。
*/
function doad2(datastr,id){ 
$("#"+id).append(datastr);
}

var logo_m='<a  target="_blank"><img src="http://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>

相關(guān)文章

  • jQuery實(shí)現(xiàn)動(dòng)態(tài)添加節(jié)點(diǎn)與遍歷節(jié)點(diǎn)功能示例

    jQuery實(shí)現(xiàn)動(dòng)態(tài)添加節(jié)點(diǎn)與遍歷節(jié)點(diǎn)功能示例

    這篇文章主要介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)添加節(jié)點(diǎn)與遍歷節(jié)點(diǎn)功能,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素節(jié)點(diǎn)元素的動(dòng)態(tài)添加與遍歷相關(guān)操作技巧,需要的朋友可以參考下
    2017-11-11
  • jQuery中closest和parents的區(qū)別分析

    jQuery中closest和parents的區(qū)別分析

    本文給大家介紹jquery中parents()和closest()用法與區(qū)別介紹,在jquery中parents()查找父級(jí)元素刪除的時(shí)候,發(fā)現(xiàn)它不包含根元素,于是用了closest(),效果不錯(cuò),下面我來(lái)給大家具體的介紹一下
    2015-05-05
  • jquery處理json對(duì)象

    jquery處理json對(duì)象

    JSON(JavaScript Object Notation)javscript對(duì)象標(biāo)記,是一種輕量級(jí)的數(shù)據(jù)交換格式。具體的詳細(xì)基礎(chǔ)知識(shí)可以參考JSON官網(wǎng)http:/www.json.org/。不說(shuō)太多廢話,直接說(shuō)說(shuō)我對(duì)JSON的理解吧。
    2014-11-11
  • jQuery實(shí)現(xiàn)最簡(jiǎn)單實(shí)用的分秒倒計(jì)時(shí)

    jQuery實(shí)現(xiàn)最簡(jiǎn)單實(shí)用的分秒倒計(jì)時(shí)

    這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)最簡(jiǎn)單實(shí)用的分秒倒計(jì)時(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • 創(chuàng)建自己的jquery表格插件

    創(chuàng)建自己的jquery表格插件

    這篇文章主要介紹了一個(gè)自己創(chuàng)建的jquery表格插件,實(shí)現(xiàn)了基本的json數(shù)據(jù)的動(dòng)態(tài)加載,自動(dòng)分頁(yè),全選全不選,鼠標(biāo)懸浮變色,隔行變色等,感興趣的小伙伴們可以參考一下
    2015-11-11
  • jQuery學(xué)習(xí)筆記之jQuery選擇器的使用

    jQuery學(xué)習(xí)筆記之jQuery選擇器的使用

    jQuery中最核心和最讓人愛(ài)不釋手的就是選擇器,下面就是各種選擇器代筆的意義。
    2010-12-12
  • 瀏覽器常用高寬的jquery插件

    瀏覽器常用高寬的jquery插件

    兼容BackCompat,CSS1Compat兩模式渲染的頁(yè)面,測(cè)試的瀏覽器 :friefox ie678 chrome opera
    2011-02-02
  • jquery實(shí)現(xiàn)商品拖動(dòng)選擇效果代碼(自寫(xiě))

    jquery實(shí)現(xiàn)商品拖動(dòng)選擇效果代碼(自寫(xiě))

    商品拖動(dòng)選擇效果如圖所示,感興趣的朋友已經(jīng)迫不及待想實(shí)現(xiàn)了吧,下面與大家分享下具體的實(shí)現(xiàn)思路及處理程序
    2013-05-05
  • 一看就懂:jsonp詳解

    一看就懂:jsonp詳解

    這篇文章主要介紹了一看就懂:jsonp詳解,本文用淺顯易懂的語(yǔ)言組織講解了什么是jsonp、jsonp怎么用、jsonp使用實(shí)例等內(nèi)容,需要的朋友可以參考下
    2015-06-06
  • jQuery EasyUI中對(duì)表格進(jìn)行編輯的實(shí)現(xiàn)代碼

    jQuery EasyUI中對(duì)表格進(jìn)行編輯的實(shí)現(xiàn)代碼

    對(duì)表格進(jìn)行增刪改后一次性保存或回滾的發(fā)生相當(dāng)有用。參照官方的教程例子做了個(gè)用戶管理的小例子。
    2010-06-06

最新評(píng)論