使用参数嵌入HTML5 / JS Web App

时间:2015-12-05 12:28:11

标签: javascript jquery embed

我收到了一个返回一些数据的JSON url。我需要创建一个javascript / html5 / css应用程序,它将对这些数据进行grub并将其返回到列表中。

到那里我可以做到这一点。

我的问题是,我需要能够提供<script></script>用户可以粘贴到任何其他网站以显示网络应用。

脚本或iframe需要能够获取参数,以便它可以过滤返回的数据。

有人可以指导我如何做正确的指示吗?

1 个答案:

答案 0 :(得分:0)

最简单的方法是使用全局变量。

编辑添加了一种“嵌入”生成内容的方法。我在示例中使用了jQuery,但是可以使用任何其他DOM操作库或普通JS轻松完成。

最终用户添加一个HTML元素,其中包含特定的id和包含参数的<script>标记。我们在示例中使用了div元素。

<div id="generated-list"></div>
<script>
    // the user defines parameters
    var configParameters = {param1: 'some value', param2: ['is', 'array']};
</script>

最终用户应粘贴您的代码。我不知道你的代码是怎么回事,所以我做了这个:

<script>
    // The user pastes your script here
    // which may be a function accepting the defined parameters
    function createList(configParameters) {
        // create the necessary elements and append them to the element
        // with the right id
        // We create an empty ul element in the example
        var newList = $('<ul></ul>');
        $('#generated-list').append(newList);
    }
</script>

Google分析使用类似的方法