javascript - 如何创建一个返回 html 的 javascript 函数

Question

首先，感谢您阅读我的问题并尝试帮助我并为我的英语道歉。

我的想法是创建一个库，函数从 index.html 返回一个 html。 例如，我在 index.html 中调用函数:Video.generateIframe("1", controls, "video1")

“1”是我的视频的 ID，控件是一组要显示的选项，“video1”是 div 的 ID。

我的问题是我不知道如何返回 html，嗯...当我执行 javascript 时返回下一个错误:

Uncaught SyntaxError: Unexpected strict mode reserved word.

如何解决？

var Video = (function () {

    'use strict';

    var publicAPIs= {};

    // public method
    publicAPIs.generateIframe = function(id, controls, target) {

        let src = generateSrc(id, controls);

        let iframe = '\n<div id=\'' + target + '\'>\n\t<iframe frameBorder="0" src=\'' + src + '\'>\n\t\t<p>Your browser not support iframes.</p>\n\t</iframe>\n</div>';
    };

    // private method
    var generateSrc = function(id, controls) {
        let urlServer = `http://example.com/panel?selectVideo=${id}`;

        (controls.video) ? urlServer += '&video=1' : urlServer+= '&video=0';
        (controls.stop) ? urlServer += '&stop=1' : urlServer+= '&stop=0';
        (controls.fullscreen) ? urlServer += '&fullscreen=1' : urlServer+= '&fullscreen=0';

        return urlServer;
    };

    return publicAPIs;

})();

编辑:

抱歉，变量是 publicAPIs... 我用 div 容器生成了一个字符串，现在我认为我应该附加到其他 html 组件，一个父 html 组件？

Answer 1

The public, private keywords are access modifiers of class methods and variables. It's not implemented in JavaScript though. But, the spec reserves them for future usage.

在严格模式下，不能使用保留关键字。因此您收到了一个SyntaxError。删除严格模式的显式声明或将变量名称更改为与缩进内容相对应的其他名称。