处理动态HTML和Firefox问题

Working with dynamic HTML and Firefox issues

本文关键字:Firefox 问题 HTML 动态 处理      更新时间:2023-09-26

在Mac上使用最新版本的FireFox (40.0.3):

运行以下代码:

$(function() { 
        var $sc = $('<script id="tempScript" type="text/template"/>');  
        $("body").append($sc);
        $("<div><h3>Hi</h3></div>").appendTo($sc);
});

然后在控制台中运行:

$("#tempScript").html()
实际结果:

结果为"undefined"

预期结果:它应该返回:"<div><h3>Hi</h3></div>"

这是一个非常严重的问题,已经影响了我们很多web应用程序的功能。基本上已经破坏了我们应用程序的很多页面。

是否有解决这个问题的方法?我们必须使用Javascript来生成动态内容。

:我将脚本标记更改为隐藏的DIV, Firefox开始响应。这暂时是一个很好的解决方案,但是我很惊讶为什么Firefox不能正确处理使用脚本模板时的情况。

原来Firefox不处理动态添加的脚本文本/模板标签,不能在Javascript中返回其HTML内容(Chrome和Safari工作良好)。

我将脚本标签更改为隐藏的DIV, Firefox开始响应。这暂时是一个很好的解决方案,但是我很惊讶为什么Firefox不能正确处理使用脚本模板时的情况。