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

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

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

看個示例:

復制代碼 代碼如下:

var tbody=document.createElement('tbody');
tbody.innerHTML='<tr><td>IE下tbody的innerHTML是只讀的</td></tr>'; //在IE下報錯,目標對象錯誤


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

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

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

而jquery里是用了try,catch來檢測,如果報錯則在catch里重新調(diào)用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廣告不錯,百度的好像不能用。后加載百度的可以是用百度管家自帶的函數(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實現(xiàn)動態(tài)添加節(jié)點與遍歷節(jié)點功能示例

    jQuery實現(xiàn)動態(tài)添加節(jié)點與遍歷節(jié)點功能示例

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

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

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

    jquery處理json對象

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

    jQuery實現(xiàn)最簡單實用的分秒倒計時

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

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

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

    jQuery學習筆記之jQuery選擇器的使用

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

    瀏覽器常用高寬的jquery插件

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

    jquery實現(xiàn)商品拖動選擇效果代碼(自寫)

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

    一看就懂:jsonp詳解

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

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

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

最新評論