程序博客网 > 上海灵娱网络怎么样

关于对象的offsetWidht和offsetHeight

来源：互联网发布：上海灵娱网络怎么样编辑：程序博客网时间：2024/05/18 02:38

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript">

function $(id)

{

return document.getElementById(id);

}

function sImgd()

{

$("ximg").src= $("setimg").options[$("setimg").selectedIndex].value;

}

function getW()

{

$("imgWidth").value = $("getValue").value;

$("imgHeight").value = $("getValue").value* $("ximg").offsetHeight/$("ximg").offsetWidth;

$("ximg").width = $("imgWidth").value;

$("ximg").height = $("imgHeight").value;

}

</script>

</head>

<body>

<select id="setimg" onchange="sImgd()">

<option>选择</option>

<option value='http://www.doulaicha.com/images/logo1.jpg'>pic1 </option>

<option value='http://www.doulaicha.com/images/logo1.jpg'>pic2 </option>

<option value='http://www.doulaicha.com/images/logo1.jpg'>pic3 </option>

<option value='http://www.yibahuo.net.cn/images/logo1.jpg'>pic4 </option>

<option value='http://www.yibahuo.net.cn/images/logo1.jpg'>pic5 </option>

</select>

<input type=text size=5 name='getValue' id="getValue"> <input type=submit value='设宽' name='theW' onclick="getW()">

<input type=text name=imgWidth id="imgWidth"> <input type=text name=imgHeight id="imgHeight">

<a href="http://www.doulaicha.com"><img id="ximg" src="" /></a>

</body>

</html>

上面这个例子就是用offsetWidth和offsetHeight取得对象的宽和高。

offsetWidth是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。

offsetHeight:获取对象相对于版面或由父坐标

上海灵娱网络怎么样

上海灵娱网络怎么样

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子海子铁路论坛海子的诗经典句子海子是什么意思九月海子原文诗人海子的诗海子诗集txt下载海子怎么死的海子让人流泪的语录海子的诗全集海子的女朋友作家海子简介海子诗集下载查海生诗集 haizi 海宁高海宁海宁市海宁人才网海宁皮革海宁人才浙江海宁海宁观潮海宁房价海宁皮草城海宁网海宁房产网海宁潮海宁房产杭州海宁海宁城吧海宁皮城海宁邮编海宁论坛杭州到海宁海宁景点张海宁海宁站海宁旅游高海宁图片浙江海宁市