Question

我使用javascript替换文本而不是附加它。现在我想使用Jquery而不是Javascript并附加它而不是替换文本。我怎么做的？ document.getElementById（“frame”）。srcdoc = transcript; 是放置文本并在iframe中替换的位置。

这是我的javascript代码，

var text = "", transcript = "", cap = "", text2 = "", cap2 = "", cap3 = "", cap4 = "";

for(var i = 0; i < subtitleArray.length; i++)
{
    var cueLineStart1 = parseFloat(subtitleArray[i][0]);
    var cueLineStart2 = parseFloat(subtitleArray[i+1][0]);
    var cueLineStart3 = parseFloat(subtitleArray[i+2][0]);
    var cueLineStart4 = parseFloat(subtitleArray[i+3][0]);
    var cueEnd4 = cueLineStart4 + parseFloat(subtitleArray[i+3][1]);

    cap = subtitleArray[i][2];
    cap2 = subtitleArray[i+1][2];
    cap3 = subtitleArray[i+2][2];
    cap4 = subtitleArray[i+3][2];
    i+=3;

    if (video.currentTime >= cueLineStart1 && video.currentTime <= cueEnd4)
    {
          transcript = cap + " " + cap2 + " " + cap3 + " " + cap4;
    }

    $("#subtitle").html(text);

    document.getElementById("frame").srcdoc = transcript;
}

HTML5 iframe代码，

<div  class="frame">
            <iframe id ="frame" srcdoc="<p></p>" width="930"></iframe>
        </div>

Answer 1

您可以访问其内容，而不是重新加载iframe，就像您对任何常规网页所做的那样。

这是一个JavaScript跨浏览器示例：

var ifr=document.getElementById("frame");
var doc=ifr.contentWindow||ifr.contentDocument;
if (doc.document) doc=doc.document;

使用jQuery：

var doc=$("iframe").contents();

jQuery documentation中有一个例子。

Jquery，如何将文本附加到iframe而不是替换？

1 个答案: