时间戳

首页 > 解决方案 > 如何创建一个返回 html 的 javascript 函数

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

问题描述

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

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

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

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

未捕获的 SyntaxError：意外的严格模式保留字。

怎么解决？

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 组件？

标签： javascript

解决方案

,关键字是类方法和变量的访问修饰符public。private虽然它没有在 JavaScript 中实现。但是，规范保留它们以供将来使用。

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

推荐阅读