JS 調(diào)整像素大小_第1頁(yè)
JS 調(diào)整像素大小_第2頁(yè)
JS 調(diào)整像素大小_第3頁(yè)
JS 調(diào)整像素大小_第4頁(yè)
JS 調(diào)整像素大小_第5頁(yè)
已閱讀5頁(yè)，還剩5頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、1 resizeBy() 方法用于根據(jù)指定的像素來調(diào)整窗口的大小。 語(yǔ)法resizeBy(width,height)參數(shù) 描述width 必需。要使窗口寬度增加的像素?cái)?shù)。可以是正、負(fù)數(shù)值。 height 可選。要使窗口高度增加的像素?cái)?shù)?？梢允钦⒇?fù)數(shù)值。 實(shí)例 1<html><head><script type="text/javascript">function resizeWindow()window.resizeBy(-100,-100)</script></head><body><inpu

2、t type="button" onclick="resizeWindow()"value="Resize window"></body></html>2 resizeTo() 方法用于把窗口大小調(diào)整為指定的寬度和高度。 語(yǔ)法resizeTo(width,height)參數(shù) 描述width 必需。想要調(diào)整到的窗口的寬度。以像素計(jì)。 height 可選。想要調(diào)整到的窗口的高度。以像素計(jì)。 實(shí)例<html><head><script type="text/javascr

3、ipt">function resizeWindow()window.resizeTo(500,300)</script></head><body><input type="button" onclick="resizeWindow()"value="Resize window"></body></html>3 restore() 方法將繪圖狀態(tài)置為保存值。語(yǔ)法restore()描述restore() 方法從棧中彈出存儲(chǔ)的圖形狀態(tài)并恢復(fù) Canva

4、sRenderingContext2D 對(duì)象的屬性、剪切路徑和變換矩陣的值。4 right 屬性設(shè)置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。 語(yǔ)法：Object.style.right=auto|%|length可能的值值 描述設(shè)置元素的右邊到最近一個(gè)具有定位設(shè)置父元素的右邊緣的百分比位置。 auto 默認(rèn)。通過瀏覽器來計(jì)算右側(cè)的位置。 %使用 px、cm 等單位設(shè)置元素的右邊到最近一個(gè)具有定位設(shè)置父元素的length 右邊緣的位置。可使用負(fù)值。提示和注釋注釋：如果 "position" 屬性的值為 "static"，那么設(shè)置 "rig

5、ht" 屬性不會(huì)產(chǎn)生任何效果。實(shí)例本例對(duì)按鈕的左邊進(jìn)行設(shè)置：<html><head><style type="text/css">inputposition:absolute;</style><script type="text/javascript">function setRightEdge()document.getElementById("b1").style.right="100px"</script></head&g

6、t;<body><input type="button" id="b1" onclick="setRightEdge()"value="Set right edge to 100 px" /></body></html>5 rotate() 方法旋轉(zhuǎn)畫布的坐標(biāo)系統(tǒng)。語(yǔ)法rotate(angle)參數(shù)參數(shù) 描述旋轉(zhuǎn)的量，用弧度表示。正值表示順時(shí)針方向旋轉(zhuǎn)，負(fù)值表示逆時(shí)針方向angle 旋轉(zhuǎn)。描述rotate() 方法通過指定一個(gè)角度，改變了畫布坐標(biāo)和 Web 瀏覽器中的

7、<Canvas> 元素的像素之間的映射，使得任意后續(xù)繪圖在畫布中都顯示為旋轉(zhuǎn)的。它并沒有旋轉(zhuǎn) <Canvas> 元素本身。注意，這個(gè)角度是用弧度指定的。 提示：如需把角度轉(zhuǎn)換為弧度，請(qǐng)乘以 Math.PI 并除以 180。6 rowIndex 屬性返回某一行在表格的行集合中的位置（row index）。 語(yǔ)法tablerowObject.rowIndex實(shí)例下面的例子返回了某一行在表格中的位置：<html><head><script type="text/javascript">function alertRowI

8、ndex()alert(document.getElementById("tr1").rowIndex);</script></head><body><table border="1"><tr id="tr1"><th>Firstname</th><th>Lastname</th></tr><tr id="tr2"><td>Peter</td><td>

9、;Griffin</td></tr></table><br /><input type="button" onclick="alertRowIndex()"value="Alert row index" /></body></html>7 rows 集合返回表格中所有行（TableRow 對(duì)象）的一個(gè)數(shù)組，即一個(gè) HTMLCollection。該集合包括 <thead>、<tfoot> 和 <tbody> 中定義的所

10、有行。 語(yǔ)法tableObject.rows實(shí)例下面的例子使用了 rows 集合來顯示第一行中的內(nèi)容：<html><head><script type="text/javascript">function showRow()alert(document.getElementById('myTable').rows0.innerHTML) </script></head><body><table id="myTable" border="1"&

11、gt;<tr><td>Row1 cell1</td><td>Row1 cell2</td></tr><tr><td>Row2 cell1</td><td>Row2 cell2</td></tr></table><br /><input type="button" onclick="showRow()" value="Show innerHTML"></

12、body></html>8 rows 屬性可設(shè)置或返回框架中行的數(shù)目和尺寸。由逗號(hào)分割的像素或百分比列表定義了列的數(shù)目和高度：語(yǔ)法framesetObject.rows=row1,row2,row3.實(shí)例在我們的例子中，首先將創(chuàng)建包含帶有兩個(gè)列的框架集的 HTML 文檔。每列設(shè)置為瀏覽器窗口的 50%：<html><frameset rows="50%,50%"><frame src="frame_rows.htm"><frame src="frame_a.htm">&

13、lt;/frameset></html>HTML 文檔 "frame_rows.htm" 被放入第一列，而 HTML 文檔 "frame_a.htm" 被放入第二列。下面是 "frame_rows.htm" 的源代碼：<html><head><script type="text/javascript">function changeRows()parent.document.getElementById("main").rows="

14、30%,70%"function restoreRows()parent.document.getElementById("main").rows="50%,50%" </script></head><body><form><input type="button" onclick="changeRows()"value="Change row size" /><input type="button"

15、onclick="restoreRows()"value="Restore row size" /></form></body></html>9 rows 屬性設(shè)置或返回 textarea 的高度。語(yǔ)法textareaObject.rows=number_of rows實(shí)例本例改變 textarea 的高度：<html><head><script type="text/javascript">function changeRows()document.get

16、ElementById('txt1').rows="15"</script></head><body><textarea id="txt1">Hello world.This is a text area</textarea><br /><input type="button" onclick="changeRows()" value="Change height" /></body>

17、</html>10 tabIndex 屬性設(shè)置或返回 textarea 的 tab 鍵控制次序。語(yǔ)法textareaObject.tabIndex=number實(shí)例本例輸出不同表單域的 tab 鍵控制次序：<html><head><script type="text/javascript">function checkTab(x)alert(x.tabIndex)</script></head><body><form><textarea id="txt1"

18、; tabindex="1" onclick="checkTab(this)">Hello world.This is a text area</textarea><input id="txt2" type="text" tabindex="2" onclick="checkTab(this)"> <input id="txt3" type="text" tabindex="3"

19、onclick="checkTab(this)"> </form></body></html>11 rowSpan 屬性可設(shè)置或返回表元橫跨的行數(shù)。語(yǔ)法tabledataObject.rowSpan=number_of_rows 實(shí)例下面的例子更改了表元橫跨的行數(shù)：<html><head><script type="text/javascript">function changeRowSpan()document.getElementById("td2").

20、rowSpan="2" </script></head><body><table border="1"><tr><th>Firstname</th><th>Lastname</th></tr><tr><td id="td1">Peter</td><td id="td2">Griffin</td></tr><tr>&

21、lt;td id="td3">Harry</td><td id="td4">Potter</td></tr></table><br /><input type="button" onclick=changeRowSpan() value="Change rowspan" /></body></html>12 rules 屬性可設(shè)置或返回表格的內(nèi)部邊線。語(yǔ)法tableObject.rules=none|g

22、roups|rows|cols|all 實(shí)例下面的例子設(shè)置了表格的兩種不同的內(nèi)部邊線： <html><head><script type="text/javascript">function rowRules()document.getElementById('myTable').rules="rows" function colRules()document.getElementById('myTable').rules="cols" </script>

23、</head><body><table id="myTable" border="1"><tr><td>Row1 cell1</td><td>Row1 cell2</td></tr><tr><td>Row2 cell1</td><td>Row2 cell2</td></tr><tr><td>Row3 cell1</td><td>R

24、ow3 cell2</td></tr></table><br /><input type="button" onclick="rowRules()" value="Show only row borders"><input type="button" onclick="colRules()" value="Show only col borders"></body></html>13 save() 方法保存當(dāng)前圖像狀態(tài)的一份拷貝。語(yǔ)法save()描述save() 方法把當(dāng)前狀態(tài)的一份拷貝壓入到一個(gè)保存圖像狀態(tài)的棧中。這就允許您臨時(shí)地改變圖像狀態(tài)，然后，通過調(diào)用 restore() 來恢復(fù)以前的值。一個(gè)畫布的圖形狀態(tài)包含了 CanvasRenderin

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論