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超文本標記語言為例:整個文檔的一個根就是<html>,在DOM中可以使用document.documentElement來訪問它,它就是整個節(jié)點樹的根節(jié)點。而body是子節(jié)點,要訪問到body標簽,在腳本中應(yīng)該寫:document.body。
對offsetLet,offsetTop,scrollLeft,scrollTop幾個方法的理解
關(guān)鍵字: offsetlet, offsettop, scrollleft, scrolltop
1.offsetTop :
當前對象到其上級層頂部的距離.
不能對其進行賦值.設(shè)置對象到頁面頂部的距離請用style.top屬性.
2.offsetLeft :
當前對象到其上級層左邊的距離.
不能對其進行賦值.設(shè)置對象到頁面左部的距離請用style.left屬性.
3.offsetWidth :
當前對象的寬度.
與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>標記,瀏覽器都創(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超文本標記語言為例:整個文檔的一個根就是<html>,在DOM中可以使用document.documentElement來訪問它,它就是整個節(jié)點樹的根節(jié)點。而body是子節(jié)點,要訪問到body標簽,在腳本中應(yīng)該寫:document.body。
對offsetLet,offsetTop,scrollLeft,scrollTop幾個方法的理解
關(guān)鍵字: offsetlet, offsettop, scrollleft, scrolltop
1.offsetTop :
當前對象到其上級層頂部的距離.
不能對其進行賦值.設(shè)置對象到頁面頂部的距離請用style.top屬性.
2.offsetLeft :
當前對象到其上級層左邊的距離.
不能對其進行賦值.設(shè)置對象到頁面左部的距離請用style.left屬性.
3.offsetWidth :
當前對象的寬度.
與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)文章
JavaScript中String.prototype用法實例
這篇文章主要介紹了JavaScript中String.prototype用法,實例分析了prototype的功能及使用技巧,需要的朋友可以參考下2015-05-05electron-builder 的基本使用及electron打包步驟
electron-builder 作為一個用于 Electron 應(yīng)用程序打包的工具,需要下載并使用 Electron 運行時來創(chuàng)建可執(zhí)行文件,這篇文章主要介紹了electron-builder 的基本使用,需要的朋友可以參考下2023-12-12javascript獲取重復(fù)次數(shù)最多的字符
本文給大家講述的是使用javascript實現(xiàn)獲取重復(fù)次數(shù)最多的字符,代碼很簡單,有需要的小伙伴可以參考下。2015-07-07JavaScript實現(xiàn)動態(tài)高度過渡的3種方式總結(jié)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)動態(tài)高度過渡的3種方式,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01element-ui?對話框dialog使用echarts報錯'dom沒有獲取到'的問題
這篇文章主要介紹了element-ui?對話框dialog里使用echarts,報錯'dom沒有獲取到'的問題,在這個事件里邊進行echarts的初始化,執(zhí)行數(shù)據(jù),本文結(jié)合實例代碼給大家詳細講解,需要的朋友可以參考下2022-11-11