js 向 div 动态 添加 内容 table/** * @author heardy * @time 2011/02/11 * @version 1.0 */ <body> 设置style="height:28px" 预留位置 后，点击不会出现闪烁现象 <div id="Objall" style="height:30px"></div > <a href="#" mce_href="#" οnclick="addPaper('HeaderPaper')">头部(左按钮，右页码)</a> <a href="#" mce_href="#" οnclick="addPaper('FoooterPaper')">尾部(左页码，右按钮)</a> <a href="#" mce_href="#" οnclick="cancel()">取消</a> <mce:script language="javascript"><!-- //$(document).ready( function(){ // $("#Objall").hide(); //}); function cancel(val){ $("#bar").remove(); //$("#Objall").hide(); } function addPaper(val){ $("#bar").remove(); var position = ['left','right','left']; if(val == 'FoooterPaper'){ position[0] = position[1]; position[1] = position[2]; } var button = '<input type="button" id="post" value="post"/><input type="button" id="flush" value="flush"/>'; var num = ['<<','1', '2', '3', '4', '5', '跳转到第<input type="text" id="page" size="1"/>页', '>>','Pages:(1/8total)']; var paper = '<table id="pagerTable"><tr><td>' + num.join('</td><td>') + '</td></tr></table>'; var show = '<div id="bar"><div id="button" style="float:' + position[0] + '" mce_style="float:' + position[0] + '">' + button + '</div><div id="pager" style="float:' + position[1] + '" mce_style="float:' + position[1] + '">' + paper + '</div><div id="clear" style="clear:both" mce_style="clear:both"></div></div>'; $("#Objall").append(show); //$("#Objall").show(); } // --></mce:script> </body> 注：此方法用到了jQuery 需要添加jQuery脚本版权声明：本文为heardy原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/heardy/article/details/6178379