如何用javascript設(shè)置頁面的寬度自適應(yīng)

由于我平時是以c#開發(fā)為主，以下我就針對C#為例，對該功能的操作進(jìn)行描述

泌陽ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

新建一個test.aspx空白頁面，如下：

從工具箱中拖動一個div到新建的test的頁面，并將該div的id定義為“Div1",源碼為：div id="Div1" runat="server" /div

定義javascript函數(shù)，源碼script type="text/javascript"/script，函數(shù)名可以自由定義 function resizeDiv(minusWidth, minusHeight) {}該函數(shù)包含兩個參數(shù)，一個是寬度，一個是高度，這2個是程序員自己定義的當(dāng)該DIV顯示后屏幕至少應(yīng)該剩余的寬度和高度分別為多少。如圖中紅色標(biāo)注的框一樣

函數(shù)體內(nèi)的具體內(nèi)容為：

var tb =document.getElementById ("Div1");//這里是剛剛定義的div的ID

var ieWidth = parseInt(document.body.clientWidth.toString().replace("px", ""), 10) - minusWidth;

var tbWidth = parseInt(tb.style.width.toString().replace("px", ""), 10);

if (ieWidth != tbWidth)

tb.style.width = ieWidth + "px";

var ieHeight = parseInt(document.body.clientHeight.toString().replace("px", ""), 10) - minusHeight;

var tbHeight = parseInt(tb.style.height.toString().replace("px", ""), 10);

if (ieHeight != tbHeight)

tb.style.height = ieHeight + "px";

至此，函數(shù)已經(jīng)定義完成，剩下的就是函數(shù)調(diào)用。 setInterval("resizeDiv(20,40);", 100);這里頁面默認(rèn)剩余的寬度是20px和40px。這句必不可少，千萬不要忘了在頁面增加調(diào)用該函數(shù)。頁面運行結(jié)果見圖二。

END

注意事項

新增的DIV定義的ID必須和 var tb =document.getElementById ("Div1");這個語句中的ID一致

setInterval("resizeDiv(20,40);", 100);這個函數(shù)注意大小寫匹配，并且resizeDiv這個必須和定義的函數(shù)function resizeDiv保持一致

JavaScript alert寬度

這個寬度是可以自己設(shè)置的

_avascript中設(shè)置元素寬度的方法：

?1、使用“document.getElementById ("id值")”語句獲取元素對象；

?2、使用“元素對象.style.width="寬度值"”語句來設(shè)置元素的寬度；需要在HTML中通過script標(biāo)簽添加javascript代碼來實現(xiàn)。

JavaScript 怎么獲取元素的寬度 ？

javascript獲取元素的高度：

var obj = document.getElementById("test");

alert(obj.height + "\n" + obj.width);

// 200px 200px typeof=string只是將style屬性中的值顯示出來

擴(kuò)展：

獲取元素的實際大小

clientWidth和clientHeight

這組屬性可以獲取元素可視區(qū)的大小，可以得到元素內(nèi)容及內(nèi)邊距所占據(jù)的空間大小。返回了元素大小，但沒有單位，默認(rèn)單位是px，如果你強(qiáng)行設(shè)置了單位，比如100em之類，它還是會返回px的大小。(CSS獲取的話，是照著你設(shè)置的樣式獲取)。對于元素的實際大小，clientWidth和clientHeight理解方式如下：

a. 增加邊框，無變化；

b. 增加外邊距，無變化；

c. 增加滾動條，最終值等于原本大小減去滾動條的大??；

d. 增加內(nèi)邊距，最終值等于原本大小加上內(nèi)邊距的大?。?/p>

Javascript 寬度100%，要怎么寫

代碼如下：

script type="text/javascript"

function init(){

var a=document.getElementById("test");

a.style.width="100%";

a.style.height="100%";

}

window.onload=init;

/script