Question

我想从这个href返回图像宽度和高度。

<a id="CloudThumb_id_1" class="cloud-zoom-gallery" rel="useZoom: 'zoom1', smallImage:   'http://www.example.com/598441_l2.jpg'" onclick="return theFunction();" href="http://www.example.com/598441_l2.jpg">

我正在使用警报测试theFunction并且它正常工作但是我不太确定如何返回高度和宽度？

function theFunction () {
        alert('This is a test' );

Answer 1

对我而言，这是我所做的一个示例，没有太多花哨的代码，只需更改下面图像的src，该功能将自动告诉您图像的宽度和高度。我不知道为什么你的函数返回一个值，但对我来说它完全不必要。此外，您的href链接无法正常工作

<html>
<head>
    <script type="text/javascript">
    function theFunction()
    {
        var width1; var height1;
        width1 = document.getElementById("sampleimage").width;
        height1 = document.getElementById("sampleimage").height;
        document.getElementById("output").innerHTML = "Width = "+width1 + " Height = " + height1;
    }
    </script>
</head>

<body>
    <img src="sample.jpg" id="sampleimage">
    <div id="output">Height and Width?</div>
    <button type="button" id="samplebutton" onclick="theFunction()">Check</button>
</body>

希望这会有所帮助：）

如何使用来自href的onclick事件返回图像大小

1 个答案: