javascript一些實用技巧小結(jié)
更新時間：2011年03月18日 00:42:38 作者：
javascript一些實用技巧小結(jié)，學(xué)習(xí)js的朋友可以看下。
JS對象之Table表格對象(摘抄）
js 取行中列
var tbodyObj = document.getElementById(tbodyID);
tbodyObj.rows[rowID].cells[colID].innerText = "abcd";
tbodyObj.rows[rowID].cells[colID].innerHTML = "abcd
(innerHTML是指html代碼，innerText是指顯示的text);
document.documentElement與document.body。
這是DOMDocument對象里的body子節(jié)點和整個節(jié)點樹的根節(jié)點root。
DOM把層次中的每一個對象都稱之為節(jié)點，就是一個層次結(jié)構(gòu)，你可以理解為一個樹形結(jié)構(gòu)，就像我們的目錄一樣，一個根目錄，根目錄下有子目錄，子目錄下還有子目錄。
以HTML超文本標(biāo)記語言為例：整個文檔的一個根就是<html>,在DOM中可以使用document.documentElement來訪問它，它就是整個節(jié)點樹的根節(jié)點。而body是子節(jié)點，要訪問到body標(biāo)簽，在腳本中應(yīng)該寫：document.body。
對offsetLet,offsetTop,scrollLeft,scrollTop幾個方法的理解
關(guān)鍵字: offsetlet, offsettop, scrollleft, scrolltop
1.offsetTop :
當(dāng)前對象到其上級層頂部的距離.
不能對其進(jìn)行賦值.設(shè)置對象到頁面頂部的距離請用style.top屬性.
2.offsetLeft :
當(dāng)前對象到其上級層左邊的距離.
不能對其進(jìn)行賦值.設(shè)置對象到頁面左部的距離請用style.left屬性.
3.offsetWidth :
當(dāng)前對象的寬度.
與style.width屬性的區(qū)別在于:如對象的寬度設(shè)定值為百分比寬度,則無論頁面變大還是變小,style.width都返回此百分比,而offsetWidth則返回在不同頁面中對象的寬度值而不是百分比值
4.offsetHeight :
與style.height屬性的區(qū)別在
js操作iframe的一些知識
1. 打印iframe
eg. frameName.document.execCommand('print');
2. 獲取iframe
eg. var ifr_window = window.frames["frameName"];
3. 獲取iframe中的元素
eg1. 將iframe中id為elementId 的元素置為不顯示：
var ifr_window = window.frames["frameName"];
ifr_window.elementId.style.display = 'none';
eg2. 獲取iframe中id為listTable的表格
|
Table對象集合 Table對象:表示HTML文檔中的表，對于文檔中每個<table>標(biāo)記，瀏覽器都創(chuàng)建一個Table對象. | |
|
集合 |
描述 |
| cells[] | 獲取包含表格中所有單元格的數(shù)組 |
js 取行中列
復(fù)制代碼 代碼如下:
var tbodyObj = document.getElementById(tbodyID);
tbodyObj.rows[rowID].cells[colID].innerText = "abcd";
tbodyObj.rows[rowID].cells[colID].innerHTML = "abcd
(innerHTML是指html代碼，innerText是指顯示的text);
document.documentElement與document.body。
這是DOMDocument對象里的body子節(jié)點和整個節(jié)點樹的根節(jié)點root。
DOM把層次中的每一個對象都稱之為節(jié)點，就是一個層次結(jié)構(gòu)，你可以理解為一個樹形結(jié)構(gòu)，就像我們的目錄一樣，一個根目錄，根目錄下有子目錄，子目錄下還有子目錄。
以HTML超文本標(biāo)記語言為例：整個文檔的一個根就是<html>,在DOM中可以使用document.documentElement來訪問它，它就是整個節(jié)點樹的根節(jié)點。而body是子節(jié)點，要訪問到body標(biāo)簽，在腳本中應(yīng)該寫：document.body。
對offsetLet,offsetTop,scrollLeft,scrollTop幾個方法的理解
關(guān)鍵字: offsetlet, offsettop, scrollleft, scrolltop
1.offsetTop :
當(dāng)前對象到其上級層頂部的距離.
不能對其進(jìn)行賦值.設(shè)置對象到頁面頂部的距離請用style.top屬性.
2.offsetLeft :
當(dāng)前對象到其上級層左邊的距離.
不能對其進(jìn)行賦值.設(shè)置對象到頁面左部的距離請用style.left屬性.
3.offsetWidth :
當(dāng)前對象的寬度.
與style.width屬性的區(qū)別在于:如對象的寬度設(shè)定值為百分比寬度,則無論頁面變大還是變小,style.width都返回此百分比,而offsetWidth則返回在不同頁面中對象的寬度值而不是百分比值
4.offsetHeight :
與style.height屬性的區(qū)別在
js操作iframe的一些知識
1. 打印iframe
eg. frameName.document.execCommand('print');
2. 獲取iframe
eg. var ifr_window = window.frames["frameName"];
3. 獲取iframe中的元素
eg1. 將iframe中id為elementId 的元素置為不顯示：
var ifr_window = window.frames["frameName"];
ifr_window.elementId.style.display = 'none';
eg2. 獲取iframe中id為listTable的表格
相關(guān)文章
抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼
抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼...2007-07-07
下面小編就為大家?guī)硪黄猨s 發(fā)布訂閱模式的實例講解。小編覺得挺不錯的，現(xiàn)在就想給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
5款JavaScript顏色選擇器(含jQuery插件)。2009-10-10
uni-app登錄與支付功能實現(xiàn)三秒后自動跳轉(zhuǎn)
這篇文章主要介紹了uni-app:登錄與支付-- 三秒后自動跳轉(zhuǎn),本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)坦克移動小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要介紹了webpack項目輕松混用css module的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
JavaScript ES6中const、let與var的對比詳解
這篇文章主要給大家介紹了在JavaScript中const、let與var對比的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編來一起看看吧。2017-06-06
一文讓你徹底搞懂TypeScript(TS)和JavaScript(JS)區(qū)別與聯(lián)系
TS是JS的超集,是一個可選的、靜態(tài)的類型系統(tǒng),下面這篇文章主要介紹了關(guān)于TypeScript(TS)和JavaScript(JS)區(qū)別與聯(lián)系的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
javascript跨域方法、原理以及出現(xiàn)問題解決方法（詳解）
javascript出于安全方面的考慮，不允許跨域調(diào)用其他頁面的對象。但是在安全限制的同時也給注入iframe或是ajax應(yīng)用上帶來了不少麻煩?？缬蚝唵蔚睦斫饩褪且驗閖avascript同源策略的限制，a.com域名下的js無法操作b.com 或者是c.a.com域名下的對象2015-08-08
echarts動態(tài)渲染柱狀圖背景顏色及頂部數(shù)值方法詳解
在使用echarts時,有時需要給柱狀圖設(shè)置背景,下面這篇文章主要給大家介紹了關(guān)于echarts動態(tài)渲染柱狀圖背景顏色及頂部數(shù)值的相關(guān)資料,文中通過圖文以及代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11