javascript - .createElement ('object' ) 和很多参数的语法问题

Question

如果您需要更多信息，请告诉我。

我正在尝试以这种方式使用 jquery 动态创建一个“对象”元素 - 此代码驻留在所有数据可用的函数/范围内，但我不知道如何在文档上创建对象...如果我只是将行粘贴为原始 html 并设置值(没有动态)，它在测试中工作正常。

var object = document.createElement('object');

$('#main').append(object);

//i've tried .html() .push() and .append()              
$(object).append('<object class='{FOO_CLASS}' 'width='{FOO_WIDTH}' height='{FOO_HEIGHT}' type='application/x-shockwave-flash' id='live_embed_player_flash' data='http://www.twitch.tv/widgets/live_embed_player.swf?channel={FOO_CHANNEL}'><param name='wmode' value='opaque' /><param name='allowFullScreen' value='true' /><param name='allowScriptAccess' value='always' /><param name='allowNetworking' value='all' /><param name='movie' value='http://www.twitch.tv/widgets/live_embed_player.swf' /><param name='flashvars' value='hostname=www.twitch.tv&channel={FOO_CHANNEL}&auto_play=false' /></object>');

格式化查看整个对象.. 我尝试的一切都失败了。通常是由于代码从 URL 中读取//作为注释标记。我完全迷路了..

<object
    class='{FOO_CLASS}'
    width='{FOO_WIDTH}'
    height='{FOO_HEIGHT}'
    type='application/x-shockwave-flash'
    id='live_embed_player_flash'
    data='http://www.twitch.tv/widgets/live_embed_player.swf?channel={FOO_CHANNEL}'>
<param
    name='wmode'
    value='opaque' />
<param
    name='allowFullScreen'
    value='true' />
<param
    name='allowScriptAccess'
    value='always' />
<param
    name='allowNetworking'
    value='all' />
<param
    name='movie'
    value='http://www.twitch.tv/widgets/live_embed_player.swf' />
<param
    name='flashvars'
    value='hostname=www.twitch.tv&channel={FOO_CHANNEL}&auto_play=false' />
</object>;

---

值得注意的是，我已经制作了另一个元素，并且我将这一切都建立在成功的基础上。我真的太迷茫了，无法确定自己在做什么..

var ttvbox = document.createElement('div');
$(ttvbox).attr('class', 'abox');
$(ttvbox).attr('id', 'test');
$('#main').append(ttvbox); //inspecting the elements shows it created

Answer 1

如果您的内部 HTML 使用单个 ''引号使用双 ""周围的报价。此外，您可以直接在 jQuery 中附加 HTML。使用 append() 之前无需创建元素 .

$( '#main' ).append( "<object> ... html with single 'quotes' ... </object>" );

以防万一，您需要引用 <object>元素以及使用 appendTo()作为

var $object = ( "<object> ... </object>" ).appendTo( $( '#main' ) );