求一段HTML网页里的javascript语句

给你一个图片地址、数值A和数值B,要求输出以下几个参数结果。1、获取该图片的长度的像素值（C）。2、获取该图片的宽度的像素值（D）。3、计算输出数值（E）E=(A-C)/... 给你一个图片地址、数值A和数值B, 要求输出以下几个参数结果。

1、获取该图片的长度的像素值（C）。
2、获取该图片的宽度的像素值（D）。
3、计算输出数值（E）E=(A-C)/2，不保留小数，当E是负数时输出0。
4、计算输出数值（F）F=(B-D)/2，不保留小数，当F是负数时输出0。展开

 我来答

5个回答

#热议# 什么是淋病？哪些行为会感染淋病？

穷面江元1D
2010-06-03 · TA获得超过2586个赞

知道小有建树答主

回答量：644

采纳率：0%

帮助的人：559万

我也去答题访问个人页

关注

展开全部

千言万语化作一个函数，可以这样用：p2d(url,A,B)

比如：
图片地址是 https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif
A是500，B是5；
就可以这样写：
p2d("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif",500,5);
以下是代码：

<script language="javascript">

function p2d(url,A,B) {
document.write("<img src='" + url + "' id='pic' /><br />");
var pic = document.all.pic;
var C=pic.height;
var D=pic.width;
var e=(A-C)/2|0
var f=(B-D)/2|0
document.write("<br>A = " + A)
document.write("<br>B = " + B);
document.write("<br>C = " + C);
document.write("<br>D = " + D);
document.write("<br><br>E = " + e);
document.write("<br>F = " + f);
document.write("<br><br>(E)=" + (Math.abs(e)+e)/2);
document.write("<br>(F)=" + (Math.abs(f)+f)/2);
}

p2d("https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif",500,5);

</script>

本回答由提问者推荐

已赞过 已踩过<

评论收起

y113700676
2010-06-03 · TA获得超过236个赞

知道小有建树答主

回答量：1032

采纳率：0%

帮助的人：304万

我也去答题访问个人页

关注

展开全部

<!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=utf-8" />
<title>无标题文档</title>
</head>

<body>
<br />
<img src="http://drmcmm.baidu.com/media/id=Pj0vPjbdn0&gp=402&time=nHcLPj6vPWcvP6.jpg" id="img" />
</body>
<script language="javascript">
function img(A, B) {
if(!A || !B) return;
var img = document.getElementById('img');

A = parseInt(A);
B = parseInt(B);
var C = parseInt(img.width);
var D = parseInt(img.height);

var E = parseInt((A - C) / 2);
if(E < 0) E = 0;

var F = parseInt((A - D) / 2);
if(F < 0) F = 0;

return [E,F];
}

alert(img(1000,1000));
</script>
</html>

已赞过 已踩过<

评论收起

太阳下雪啦
2010-06-03

知道答主

回答量：34

采纳率：0%

帮助的人：26万

我也去答题访问个人页

关注

展开全部

<head runat="server">
<title>无标题页</title>

</head>
<body >

<script>
var img=null;
function s()
{
if(img)img.removeNode(true);
img=document.createElement("img");
img.style.position="absolute";
img.style.visibility="hidden";
img.attachEvent("onreadystatechange",orsc);
img.attachEvent("onerror",oe);
document.body.insertAdjacentElement("beforeend",img);
img.src=inp.value;
}
function oe()
{
alert("cant load img");
}
function orsc()
{
if(img.readyState!="complete")return false;

document.getElementById("imga").src=inp.value;
document.getElementById("C").innerHTML="该图片的高度的像素值为:"+img.offsetHeight;
document.getElementById("D").innerHTML="该图片的宽度的像素值为:"+img.offsetWidth;
document.getElementById("ff").style.display="block";

}
function a()
{

var A= parseInt(document.getElementById("numa").value);
if(isNaN(A))
{
document.getElementById("numa").value="请输入数字";
return ;
}

var C= parseInt(img.offsetHeight);

var end=(A-C)/2;
if(end < 0) end = 0;
document.getElementById("numa").value=parseInt(end);
}

function b()
{
var B= parseInt(document.getElementById("numb").value);
if(isNaN(B))
{
document.getElementById("numb").value="请输入数字";
return ;
}

var D= parseInt(img.offsetWidth);

var end=(B-D)/2;
if(end < 0) end = 0;

document.getElementById("numb").value=parseInt(end);
}

</script>
<input id=inp style="width:400" value="输入图片地址">
<button onclick="s()">获取</button><br>

<div id=ff style="display:none">
<img id=imga src="" />
<div id="C" ></div><br>
<div id="D" ></div><br>
<input id=numa style="width:100;" value="">
<button onclick="a()" >计算</button>输入数值A计算
<div id="F"></div><br>
<input id=numb style="width:100;" value="">
<button onclick="b()" >计算</button>输入数值B计算
<div id="E"></div><br>

</div>
</body>
</html>

你看看效果...应该还好~

已赞过 已踩过<

评论收起

百度网友6287e8b2d
2010-06-03 · TA获得超过358个赞

知道答主

回答量：215

采纳率：0%

帮助的人：200万

我也去答题访问个人页

关注

展开全部

通常获取动态图片的宽高值不是我们常用的img.width方法，这里有个技巧，
新建个图形对象
<!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>
</head>
<script type="text/javascript">
var iNum=20;//初始化图片数量
function getWidthHeight(which,A,B){//定义函数获取图片宽高值，以及运算结果,which是第几张图片，A和B是需要运算的数值
var souce=new Array();
for(var i=0;i<iNum;i++){
souce[i]="images/thumb/"+i.toString()+".jpg";//"images/thumb/2.jpg"这是你的图片所在路径，文件名由数字命名
}
var myImg=new Image();//定义图像对象，获取宽高
myImg.setAttribute("src",souce[which]);
var D=myImg.width;
var C=myImg.height;
document.write("第"+which+"张"+"图片的宽度是"+D+"px;<br>");
document.write("第"+which+"张"+"图片的高度是"+C+"px");
var E=parseInt((A-C)/2)<0?0:parseInt((A-C)/2);
var F=parseInt((B-D)/2)<0?0:parseInt((B-D)/2);
document.write("<br>E="+E+"<br>F="+F);
}
</script>
<body>
<script type="text/javascript">
getWidthHeight(10,400,800);
</script>
</body>
</html>

已赞过 已踩过<

评论收起

gufengcs
2010-06-03 · TA获得超过381个赞

知道小有建树答主

回答量：299

采纳率：0%

帮助的人：317万

我也去答题访问个人页

关注

展开全部

需要试试看，有结果了，我通知你！给你留言！

已赞过 已踩过<

评论收起

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

求一段HTML网页里的javascript语句

其他类似问题

为你推荐：