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