html调用js变量的问题 我用js获取浏览器的大小,然后赋值给div的宽和高,
js代码:<scriptlanguage="javascript">varwid=0;varhei=0;functionfindDimensions()//函数:获取尺寸...
js代码:
<script language="javascript">
var wid = 0;
var hei = 0;
function findDimensions() //函数:获取尺寸
{
var w = 0;
var h = 0;
//获取窗口宽度
if (window.innerWidth)
w = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
w = document.body.clientWidth;
//通过深入Document内部对body进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
w = document.documentElement.clientWidth;
}
wid = w - 40;
hei = parseInt(w/4);
}
findDimensions();//调用函数,获取数值
window.onresize = findDimensions;
//document.write(wid);
//document.write(hei);
document.getElementById("div0").style.width = wid+"px;";
document.getElementById("div0").style.height = hei+"px;";
</script>
html代码:
<div id="div0" style="position:relative;">
问题是div的宽和高好像取不到值,一直不显示框架
问题解决了,js代码放在body里面就行了,div可以取得宽和高,还是谢谢tian860628的回答 展开
<script language="javascript">
var wid = 0;
var hei = 0;
function findDimensions() //函数:获取尺寸
{
var w = 0;
var h = 0;
//获取窗口宽度
if (window.innerWidth)
w = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
w = document.body.clientWidth;
//通过深入Document内部对body进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
w = document.documentElement.clientWidth;
}
wid = w - 40;
hei = parseInt(w/4);
}
findDimensions();//调用函数,获取数值
window.onresize = findDimensions;
//document.write(wid);
//document.write(hei);
document.getElementById("div0").style.width = wid+"px;";
document.getElementById("div0").style.height = hei+"px;";
</script>
html代码:
<div id="div0" style="position:relative;">
问题是div的宽和高好像取不到值,一直不显示框架
问题解决了,js代码放在body里面就行了,div可以取得宽和高,还是谢谢tian860628的回答 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询