Question

我用这段代码创建了一个新窗口并试图发送一些数据，但是函数没有被调用，也许我做错了？

index.html上的

script.js

var path = require('path');
element.onclick = function(){
    var win = gui.Window.get(window.open('listdir.html'));
    var location = path.resolve(process.cwd(),'fontsFolder');
    win.eval(null, 'listdir("'+location+'")'); //Is there a node function to parse '\'?
};

listdir.html上的

listdir.js

function listdir(directory){
    alert("directory "+directory); //never called
}

错误：

ReferenceError: listdir is not defined
    at <anonymous>:1:1
    at Window.init.Window.eval (window_bindings.js:486:16)
    at HTMLLIElement.element.onclick (file:///C:/../AppData/Local/Temp/nw3528_1882/js/script.js:29:12)

Answer 1

好吧，对于“如何在另一个窗口中调用函数”这个问题，这可能不是正确的答案，而是对您的初始问题“如何将参数发送到新窗口”的答案（在编辑标题之前）。

由于我是HTML5中新存储对象的狂热爱好者，我会在sessionStorage上同步窗口（因此所有传递的参数将在当前新窗口生存期内保持不变，但不会在之后）。

我的工作解决方案：

index.html（初始窗口）

<!DOCTYPE html>
<html>
<body>
    Test <a href="">Click</a>

    <script src="jquery-1.11.1.min.js"></script>
    <script>
        var mySharedObj = {
            'one': 1,
            'two': 2,
            'three': 3
        };

        // node-webkit specific
        var gui = require('nw.gui');

        $('a').click(function() {
            var win = gui.Window.get(window.open('index2.html'));
            win.eval(null, 'sessionStorage.setItem(\'mySharedJSON\', \''+JSON.stringify(mySharedObj)+'\');');
        });
    </script>
</body>

index2.html（将通过window.open电话打开的新窗口：

<!DOCTYPE html>
<html>
<body>
    Test 2: 

    <script src="jquery-1.11.1.min.js"></script> 
    <script>
        $(document).ready(function() {
            // Process sharedObj when DOM is loaded
            var mySharedObj = JSON.parse(sessionStorage.getItem('mySharedJSON'));

            // Now you can do anything with mySharedObj

            console.log(mySharedObj);
        });
    </script>
</body>

那么，它是如何运作的？ window.eval（请参阅此处documentation）需要脚本的源代码，可以在新创建的窗口的上下文中运行。我想，你的第一次尝试不起作用，因为脚本将在创建窗口时执行，因此DOM尚未被解析，并且当时没有可用的JavaScript函数。因此，只有基本功能可用（window对象）。所以我们传入的函数将在window.sessionStorage中存储一个序列化的JSON。这样，您就可以从新窗口中的所有功能访问它。

再次：这不是一般用法的正确答案，但它可能适合您的问题。

node-webkit如何在另一个窗口中调用函数？

1 个答案: