JavaScript函数无法在加载时工作_Javascript_Html_Css_Slideshow

JavaScript函数无法在加载时工作

javascript html css

JavaScript函数无法在加载时工作,javascript,html,css,slideshow,Javascript,Html,Css,Slideshow,我已经编写了一个JavaScript代码来执行幻灯片放映，但是当我将它分配给一个可以工作但不能工作的加载时，它不能工作 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <me

我已经编写了一个JavaScript代码来执行幻灯片放映，但是当我将它分配给一个可以工作但不能工作的加载时，它不能工作

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Slide Show</title>
        <meta name="author" content="Jenz" />
        <!-- Date: 2014-07-18 -->
        <script>
            var slideImg;
            var picNo = 0;
            window.onload = function() {
                slideImg = document.getElementById('slideShowImage');
                images = new Array();
                images[0] = new Image();
                images[0].src = "Images/image1.jpg";
                images[1] = new Image();
                images[1].src = "Images/image2.jpg";
                images[2] = new Image();
                images[2].src = "Images/image3.jpg";
            };
            function slide() {
                slideImg.src = images[picNo].src;
                if (picNo < 2) {
                    picNo++;
                } else {
                    picNo = 0;
                }
                timer = setTimeout(slide, 1000);
            };
        </script>
    </head>
    <body>
        <div style="margin-left: auto; margin-right: auto; width: 900px">
            <div id="slideShowAndNav" style="margin: auto; width: 700px;">
                <img id="slideShowImage" name="slideshow" src="Images/image1.jpg" style="border-radius: 0px 0px 0px 250px; position: absolute; top: -50; left: -50; z-index: 1;" border="1px" />
                <a style="display: block; height: 40px; width: 40px; background-color: red; border-radius: 20px; text-align: center; position: absolute; z-index: 2; margin-top: 130px;" href="">Home</a>
            </div>
        </div>

    </body>
</html>

请看一下代码，告诉我应该做什么，还有其他事情我有一个导航代码是什么

<a style="display: block; height: 40px; width: 40px; background-color: red; border-radius: 20px; text-align: center; position: absolute; z-index: 2; margin-top: 130px;" href="">Home</a>

我想把它画成一个圆，就像我用边界半径画的一样，现在我想它是在圆圈中间的像中心一样的文本帮助我使用这个

调用幻灯片函数。

window.onload = function() {
                slideImg = document.getElementById('slideShowImage');
                images = new Array();
                images[0] = new Image();
                images[0].src = "Images/image1.jpg";
                images[1] = new Image();
                images[1].src = "Images/image2.jpg";
                images[2] = new Image();
                images[2].src = "Images/image3.jpg";
                slide();
            };

function blaah(blaah){
blaah
}

blaah("blaah");

我想要这个圆，就像我用边界半径做的那样，现在我想它的文本在中间，就像圆圈中间的家一样。为此，请使用：-

style="border-radius:100px; text-align:center;"

该属性在HTML 4.01中无效。您可以更改您的doctype

此外，创建函数也是更常见的做法

window.onload = function() {
                slideImg = document.getElementById('slideShowImage');
                images = new Array();
                images[0] = new Image();
                images[0].src = "Images/image1.jpg";
                images[1] = new Image();
                images[1].src = "Images/image2.jpg";
                images[2] = new Image();
                images[2].src = "Images/image3.jpg";
                slide();
            };

function blaah(blaah){
blaah
}

blaah("blaah");

然后添加一个onload事件处理程序，或者使用，或者将此代码添加到body标记中

<body onload="blaah('blaah')">

这里没有java。java和javascript是不相关的。什么不起作用？有错误吗？在jsfiddle.net中创建一个演示将有助于投票结束的地方，太窄了吗？这个问题对任何人来说都是没有用的，因为OP忘了给他的函数打电话，只是把它排序出来，因为我跟线高度一样，中间和中心都是精确的，谢谢兄弟。