Question

我对javascripts不太了解，从网站上获取此代码。使用javascript从div中的数组显示随机图像 javascript工作正常。 但加载的图片以随机尺寸显示 尝试使用css样式和所有css html图像属性调整大小但没有任何效果，因为它们直接通过javascript显示

想要在javascript中直接调整大小

代码主：

<script>    
           var arrayImg = new Array();
           arrayImg[0] = "a11.jpg";
           arrayImg[1] = "a12.jpg";


            getRandomImage(arrayImg, "");

          function getRandomImage(imgAr, path) {      
            path = path || 'images/'; // default path here
            var num = Math.floor( Math.random() * imgAr.length );
            var img = imgAr[ num ];
            var imgStr = '<img src="' + path + img + alt = "" >';
            document.writein(imgStr); 
            document.close();
            }

         </script>

我用来调整图片大小的代码：（但没有工作）：

<script>    
           var arrayImg = new Array();
           arrayImg[0] = "a11.jpg";
           arrayImg[1] = "a12.jpg";


            getRandomImage(arrayImg, "");

          function getRandomImage(imgAr, path) {      
            path = path || 'images/'; // default path here
            var num = Math.floor( Math.random() * imgAr.length );
            var img = imgAr[ num ];
            var img.height = 4vw;
            var img.width = 20%;
            var imgStr = '<img src="' + path + img + img.height + img.width + alt = "" >';
            document.writein(imgStr); 
            document.close();
            }

         </script>

甚至尝试使用:(但仍然没有工作）

document.writeln('<td' + '><imgstr"' + height="180" width="160" border="0" ><' + '/td>');

Answer 1

您有几个地方没有关闭引号。

在代码main中：

var imgStr = '<img src="' + path + img + '"' + ' alt = "" >';

调整代码大小

var imgStr = '<img src="' + path + img + '" height="' + img.height + '" width="' + img.width + '" alt = "" >';

Answer 2

getRandomImage函数中有一些语法错误。

function getRandomImage(imgAr, path) {      
    path = path || 'images/'; // default path here
    var num = Math.floor( Math.random() * imgAr.length );
    var img = imgAr[ num ];

    /* 
        1. variable name should not contain . 
        2. the width and height value should be quoted and placed in "style" attribute
    */
    //var img.height = 4vw;
    //var img.width = 20%;
    var imgHeight = '4vw';
    var imgWidth = '20%';

    /* closed string quotations and placed data in the right attribute */
    var imgStr = '<img src="' + path + img + '"'
               + ' style="height:' + imgHeight + ';width:' + imgWidth + ';'
               + ' alt="">';
    document.writein(imgStr); 
    document.close();
}

尝试使用Javascript数组在<div>中显示随机图像

2 个答案: