JavaScript 函数转换为 jquery 等效项

javascript function convert into jquery equivalent

本文关键字：jquery 函数 转换 JavaScript      更新时间：2023-09-26

我有一个编写如下的javascript函数，它在Firefox中可以很好地下载给定的txt内容。

  self.downloadURL = function (url) {
        var iframe;
        iframe = document.getElementById("hiddenDownloader");        
        if (iframe === null) {
            iframe = document.createElement('iframe');
            iframe.id = "hiddenDownloader";
            iframe.style.display = "none";
            document.body.appendChild(iframe);
        }
        iframe.src = url;
    }

但由于某些原因，它在IE 9上无法正常工作。所以我试图转换为等效的jquery，因为jquery与所有浏览器兼容。

以下是同一函数的 jquery 等效项：

   self.downloadURL = function (url) {
        var iframe;
        iframe = $("#hiddenDownloader");        
        if (iframe === null) {
            iframe = $('<iframe></iframe>');
            iframe.id = "hiddenDownloader";            
            $("#hiddenDownloader").css("display", "none");
            $(document.body).append(iframe);
        }
        iframe.src = url;
    }

但是现在它不能在两个浏览器中都工作。请帮助让我知道我做错了什么。

您的问题出在：

iframe = $('<iframe></iframe>');
iframe.id = "hiddenDownloader";

iframe指的是jQuery对象而不是DOM节点。您必须使用 .prop 来设置 id：

iframe = $('<iframe></iframe>');
iframe.prop('id', "hiddenDownloader");

你在这里也有同样的问题：

if (iframe === null) {

您需要检查iframe长度的地方：

if (iframe.length === 0) {

再一次在iframe.src = url;也许你可以弄清楚这一点：

iframe.attr('src', url);

但是为什么要将vanilla JavaScript转换为jQuery呢？

似乎是一种奇怪的文件下载方式。

无论如何，这可能与原始工作相同：

if (!iframe.get(0)) {
  ...
}

。以及另一张海报提到的id属性。

iframe = document.getElementById("hiddenDownloader");          
iframe = $("#hiddenDownloader");

这些行并不等效。第二个创建一个 jQuery 对象，因此对 null 的检查永远不会等同于 true

此链接可能有助于您：

http://www.sitepoint.com/forums/showthread.php?743000-IE9-Iframes-DOCTYPES-and-You

或者您可以将其添加到顶部：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • 将iframe.src = url;替换为 iframe.attr("src",url + "?"+ Math.random());以防止 IE9 中出现缓存问题。
  • 将iframe.id = "hiddenDownloader";替换为iframe.attr("id","hiddenDownloader");
  • 将if (iframe === null) {替换为if (iframe.length === 0) {

尝试：

iframe = $("#hiddenDownloader")[0];
相关文章：