0

HTML5で画像ビューアを作っていて、bodyやheadにスクリプトタグを書きたいのですがうまくいきません。以下は、メイン スクリプトからの抜粋です。

function play() {
    document.getElementsByClassName("play")[0].setAttribute("class", "play active");
    document.getElementsByClassName("pause")[0].setAttribute("class", "pause");
    var body = document.body.innerHTML;
    body.innerHTML=body + "<script id='playpause' src='res/playpause.js'></script>";
}

これが私が書こうとしているスクリプトです：

var slideshow = setInterval("forward();",5000);

function pause() {
    document.getElementsByClassName("play")[0].setAttribute("class", "play");
    document.getElementsByClassName("pause")[0].setAttribute("class", "pause active");
    window.clearInterval(slideshow);
    var playpause = document.getElementById("playpause");
    playpause.parentNode.removeChild(playpause);
}

HTML は次のとおりです。

<!DOCTYPE html>
<html>
    <head>
        <title>Image viewer</title>
        <link rel="stylesheet" href="res/style.css" />
        <script src="res/script.js"></script>
    </head>
    <body onload="play()">
        <div class="img">
            <img title="Hover over me to un-darken" alt="Error displaying image" src="images/1.jpg" id="img" data-number="1" />
        </div>
        <div title="Backward" class="backward" onclick="backward()"></div>
        <div title="Forward" class="forward" onclick="forward()"></div>
        <div title="Play" class="play active" onclick="play()"></div>
        <div title="Pause" class="pause" onclick="pause()"></div>
        <div title="Go to beginning" class="stop" onclick="stop()"></div>
    </body>
</html>

何か案は？

4

1 に答える 1

0

多分このようなもの：

var s = document.createElement('script');
s.setAttribute("type", "text/javascript");
s.setAttribute("src", "res/playpause.js");
var head = document.getElementsByTagName('head')[0];
head.appendChild(s);
于 2013-09-02T13:24:47.920 に答える