IPython:向IPython notebook添加Javascript脚本

Question

作为项目的一部分，我需要在IPython模块中嵌入一些javascripts。这就是我想要做的：

from IPython.display import display,Javascript
Javascript('echo("sdfds");',lib='/home/student/Gl.js')

我的Gl.js看起来像这样

function echo(a){
alert(a);
}

有没有办法让我可以将"Gl.js“和其他类似的外部脚本嵌入到笔记本中，这样我就不必在每次尝试执行一些需要该库的Javascript代码时都将它们作为”lib“参数包括在内。

Answer 1

作为一种非常短期的解决方案，您可以利用IPython display()和HTML()函数将一些JavaScript注入页面。

from IPython.display import display, HTML
js = "<script>alert('Hello World!');</script>"
display(HTML(js))

尽管我不推荐用代替官方的custom.js方法，但有时我确实发现快速测试或动态生成一小段JavaScript代码片段很有用。

Answer 2

在IPython笔记本中嵌入D3

• https://blog.thedataincubator.com/2015/08/embedding-d3-in-an-ipython-notebook/

总结一下代码。

导入脚本：

%%javascript
require.config({
  paths: {
      d3: '//cdnjs.cloudflare.com/ajax/libs/d3/3.4.8/d3.min'
  }
});

添加如下所示的元素：

%%javascript
element.append("<div id='chart1'></div>");

或者这样：

from IPython.display import Javascript
#runs arbitrary javascript, client-side
Javascript("""
           window.vizObj={};
           """.format(df.to_json()))

IPython笔记本: Javascript/Python双向通信

• http://jakevdp.github.io/blog/2013/06/01/ipython-notebook-javascript-python-communication/

一个更广泛的帖子，解释如何在JavaScript中访问Python变量，反之亦然。

Answer 3

至少现在不能通过安装软件包来开箱即用。方法是使用custom.js和jQuery getScript将js注入到notebook中。

我明确地对如何做到这一点保持模糊，因为这是一个不断变化的开发特性。

您应该知道的是，user profile中的static文件夹是带有url服务器静态资产的merged，它允许您通过请求正确的url来访问此文件夹中的任何文件。

这个问题也在几个小时前在youtube上直播的每周视频"lab meeting“中被问到了(你可能会有一个更长的答案)，我已经与问题here的作者展开了讨论