Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chrome和Safari中JS的问题_Javascript_Html - Fatal编程技术网

Javascript Chrome和Safari中JS的问题

Javascript Chrome和Safari中JS的问题,javascript,html,Javascript,Html,关于这个例子,我已经请求过帮助,但是遇到了另一个问题。 这段代码只在我的Firefox浏览器中运行良好,但在其他浏览器中却无法运行。请帮忙 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Task 3</title> <script type='text/javascript

关于这个例子,我已经请求过帮助,但是遇到了另一个问题。 这段代码只在我的Firefox浏览器中运行良好,但在其他浏览器中却无法运行。请帮忙

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Task 3</title>
    <script type='text/javascript'>
    var speed = 4;
    function showImage (src)
    {
    var div = document.createElement ("div");
    with (div.style)
    {
        width = "300px";
        heigth = "300px";
        border = "2px solid black";
        textAlign = "center";
        overflow = "hidden";
    }
    document.body.appendChild(div);
    img = document.createElement ("img");
    img.src = src;
    img.width = 300;
    img.height = 300;
    div.appendChild (img);
    }
    function keyDown (key)
    {
    var k = 0;
    if (key == 61 ) k = speed;
    if (key == 173 ) k = -speed;
    if (k != 0 );
    {
        img.width = img.width + k;
        img.height = img.height + k;
        img.style.margin = ((300 - img.height) / 2).toString() + "px";
    }
    }
    </script>
</head>
<body onkeydown="keyDown (event.keyCode)" onload="showImage ('image.jpg')">
</body>
</html>

任务3
无功转速=4;
函数showImage(src)
{
var div=document.createElement(“div”);
带(分区样式)
{
宽度=“300px”;
heigth=“300px”;
border=“2px纯黑”;
textAlign=“中心”;
溢出=“隐藏”;
}
文件.正文.附件(div);
img=document.createElement(“img”);
img.src=src;
img.width=300;
img.高度=300;
儿童分部(img);
}
功能键关闭(键)
{
var k=0;
如果(键==61)k=速度;
如果(键==173)k=速度;
如果(k!=0);
{
img.width=img.width+k;
img.height=img.height+k;
img.style.margin=((300-img.height)/2.toString()+“px”;
}
}
它在Firefox中的工作原理:


在其他浏览器中有什么问题?在其他浏览器中,图片没有按+/-按钮进行放大/缩小。@感谢提供信息,请原谅我的英语。