H50088:js動(dòng)態(tài)生成html代碼的三種形式
1,
// 方案一
O.TEMPLATE = '<div class="viewer-container">\
<div class="viewer-canvas"></div>\
<div class="viewer-footer">\
<div class="viewer-title"></div>\
<ul class="viewer-toolbar">\
<li class="viewer-zoom-in" data-action="zoom-in"></li>\
<li class="viewer-zoom-out" data-action="zoom-out"></li>\
<li class="viewer-one-to-one" data-action="one-to-one"></li>\
<li class="viewer-reset" data-action="reset"></li>\
<li class="viewer-prev" data-action="prev"></li>\
<li class="viewer-play" data-action="play"></li>\
<li class="viewer-next" data-action="next"></li>\
<li class="viewer-rotate-left" data-action="rotate-left"></li>\
<li class="viewer-rotate-right" data-action="rotate-right"></li>\
<li class="viewer-flip-horizontal" data-action="flip-horizontal"></li>\
<li class="viewer-flip-vertical" data-action="flip-vertical"></li>\
</ul>\
<div class="viewer-navbar">\
<ul class="viewer-list"></ul>\
</div>\
</div>\
<div class="viewer-tooltip"></div>\
<div class="viewer-button" data-action="mix"></div>\
<div class="viewer-player"></div>\
</div>';
// 方案二
var html = "";
html += '<div class="viewer-container">';
html += '<div class="viewer-container">';
html += '<div class="viewer-container">';
// 方案三
var htmlVar = '<div id="conter">'
+ '<span class="tipskin"><p class="animate">鏈接訪問(wèn)權(quán)限已經(jīng)過(guò)期!</p></span>'
+ '<div id="keyboard" class="skin2">'
+ '<div class="title" style="text-align:center;">'
+ '<input type="text" class="jptitle" readonly onfocus="this.blur();" placeholder="請(qǐng)輸入訪問(wèn)密碼" value="">'
+ '</div>'
+ '</div>'
+ '</div>';
琥珀君的博客

浙公網(wǎng)安備 33010602011771號(hào)