为什么python不能从python函数中调用Javascript（）？

Question

我使用从iPython笔记本下载CSV时建议的代码动态构建javascript代码，并在从jupyter笔记本调用时使用python中的javascript（）将其传递给浏览器。代码工作得很好。如果我在python函数中嵌入相同的代码，并从同一个jupyter笔记本调用python函数，那么python中的调用Javascript（）将不再有效。如何使可重用功能正常工作？

我正在Windows 10上运行的Chrome版本73.0.3683.103（官方版本）（64位）上尝试此功能。如果已经回答，请道歉。我已经搜索了SO和谷歌。

这很有效。。

from IPython.display import Javascript
js_download = """
var csv = '%s';

var filename = 'results.csv';
var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
if (navigator.msSaveBlob) { // IE 10+
    navigator.msSaveBlob(blob, filename);
} else {
    var link = document.createElement("a");
    if (link.download !== undefined) { // feature detection
        // Browsers that support HTML5 download attribute
        var url = URL.createObjectURL(blob);
        link.setAttribute("href", url);
        link.setAttribute("download", filename);
        link.style.visibility = 'hidden';
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
    }
}
""" % data_in_dataframes.to_csv(index=False).replace('\r','\\r').replace('\n','\\n').replace("'","\'")
Javascript(js_download)

这不起作用，它无法执行Javascript（js\u下载），但它也没有给出我在jupyter笔记本或浏览器中的java控制台中看到的任何错误。就好像它从未执行过Javascript（js\u下载）。

from IPython.display import Javascript
def js_download_csv(df_download, s_filename='results.csv'):
    js_download =   """
    var csv = '%s';
    var filename = '%s';
    var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
    if (navigator.msSaveBlob) { // IE 10+
        navigator.msSaveBlob(blob, filename);
    } else {
        var link = document.createElement("a");
        if (link.download !== undefined) { // feature detection
            // Browsers that support HTML5 download attribute
            var url = URL.createObjectURL(blob);
            link.setAttribute("href", url);
            link.setAttribute("download", filename);
            link.style.visibility = 'hidden';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        }
    }
    """ % (df_download.to_csv(index=False).replace('\r','\\r').replace('\n','\\n').replace("'","\'"), s_filename)
    Javascript(js_download)
    return None
js_download_csv(df_download, s_filename)

如果我遗漏了任何明显的东西，我深表歉意。我找不到任何关于所发生情况的错误或日志。

欢迎任何建议。

Answer 1

我找到了部分答案，虽然我不知道为什么会出现这个问题，但我找到了如何克服它。在里面https://medium.com/@tomgrek/reactive-python-javascript-communication-in-jupyter-notebook-e2a879e25906我们在文章中看到了以下问题：

一个大问题是：某些地方需要返回Javascript作为其输出，否则它不会在笔记本中执行。

因此，如果我们将代码更改为以下内容（即返回Javascript调用），它就可以工作。

from IPython.display import Javascript
def js_download_csv(df_download, s_filename='results.csv'):
    js_download =   """
    var csv = '%s';
    var filename = '%s';
    var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
    if (navigator.msSaveBlob) { // IE 10+
        navigator.msSaveBlob(blob, filename);
    } else {
        var link = document.createElement("a");
        if (link.download !== undefined) { // feature detection
            // Browsers that support HTML5 download attribute
            var url = URL.createObjectURL(blob);
            link.setAttribute("href", url);
            link.setAttribute("download", filename);
            link.style.visibility = 'hidden';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        }
    }
    """ % (df_download.to_csv(index=False).replace('\r','\\r').replace('\n','\\n').replace("'","\'"), s_filename)
    return Javascript(js_download)
js_download_csv(df_download, s_filename)