<html>
<div id="d">Hello HTML DOM</div>
<script>
function add(){
var hr=document.createElement("hr");
var div1 = document.getElementById("d");
div1.appendChild(hr);
}
</script>
<button onclick="add()">在div中追加一个hr元素</button>
</html>
<html>
<div id="d">Hello HTML DOM</div>
<script>
function add(){
var hr=document.createElement("hr");
var div1 = document.getElementById("d");
div1.appendChild(hr);
}
</script>
<button onclick="add()">在div中追加一个hr元素</button>
</html>
");
window.frames["iframe958"].document.write(decodeHtml(code958));
window.frames["iframe958"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe958"]).load(function(){
$("#iframe958").height($("#iframe958").contents().find("body").height()+showittryitheight);
});
$("#iframe958").height($("#iframe958").contents().find("body").height()+showittryitheight);
alreadyWriteCode958 = code958;
$("#rendering958").hide();
$("#rendered958").show();
}
var tRereshRetry2DemoPanel958 = setInterval(rereshRetry2DemoPanel958,1000);
var binded958 = false;
$("textarea#stepcodeTextarea958").keyup(function(){
if(!binded958){
$(window).bind('beforeunload',function(){
binded958 = true;
return "xxxx";
});
}
var newCode = $(this).val()
code958 = newCode;
/*below code is replaced by function rereshRetry2DemoPanel()*/
// if(code958!=newCode){
// window.frames["iframe958"].document.write("
<html>
<div id="d">Hello HTML DOM</div>
<script>
function add(){
var p=document.createElement("p");
var text = document.createTextNode("这是通过DOM创建出来的<p>");
p.appendChild(text);
var div1 = document.getElementById("d");
div1.appendChild(p);
}
</script>
<button onclick="add()">在div中追加一个p元素</button>
</html>
<html>
<div id="d">Hello HTML DOM</div>
<script>
function add(){
var p=document.createElement("p");
var text = document.createTextNode("这是通过DOM创建出来的<p>");
p.appendChild(text);
var div1 = document.getElementById("d");
div1.appendChild(p);
}
</script>
<button onclick="add()">在div中追加一个p元素</button>
</html>
");
window.frames["iframe960"].document.write(decodeHtml(code960));
window.frames["iframe960"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe960"]).load(function(){
$("#iframe960").height($("#iframe960").contents().find("body").height()+showittryitheight);
});
$("#iframe960").height($("#iframe960").contents().find("body").height()+showittryitheight);
alreadyWriteCode960 = code960;
$("#rendering960").hide();
$("#rendered960").show();
}
var tRereshRetry2DemoPanel960 = setInterval(rereshRetry2DemoPanel960,1000);
var binded960 = false;
$("textarea#stepcodeTextarea960").keyup(function(){
if(!binded960){
$(window).bind('beforeunload',function(){
binded960 = true;
return "xxxx";
});
}
var newCode = $(this).val()
code960 = newCode;
/*below code is replaced by function rereshRetry2DemoPanel()*/
// if(code960!=newCode){
// window.frames["iframe960"].document.write("
<style>
table{
border-collapse:collapse;
width:90%;
}
tr.odd{
background-color:#f8f8f8;
}
tr{
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: lightgray;
height:35px;
}
td{
width:25%;
text-align:center;
}
</style>
<div id ="d">
</div>
<script>
function createTD(text){
var td=document.createElement("td");
var text= document.createTextNode(text);
td.appendChild(text);
return td;
}
function createTR(texts){
var tr=document.createElement("tr");
for(var i=0;i<texts.length;i++){
var td = createTD(texts[i]);
tr.appendChild(td);
}
return tr;
}
function createTable(rows){
var table=document.createElement("table");
for(var i=0;i<rows.length;i++){
var tr= createTR(rows[i]);
table.appendChild(tr);
}
return table;
}
var row0= new Array("id","名称","血量","伤害");
var row1= new Array("1","gareen","340","58");
var row2= new Array("2","teemo","320","76");
var row3= new Array("3","annie","380","38");
var row4= new Array("4","deadbrother","400","90");
var rows=new Array(row0,row1,row2,row3,row4);
var div = document.getElementById("d");
var table=createTable(rows);
div.appendChild(table);
</script>
<style>
table{
border-collapse:collapse;
width:90%;
}
tr.odd{
background-color:#f8f8f8;
}
tr{
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: lightgray;
height:35px;
}
td{
width:25%;
text-align:center;
}
</style>
<div id ="d">
</div>
<script>
function createTD(text){
var td=document.createElement("td");
var text= document.createTextNode(text);
td.appendChild(text);
return td;
}
function createTR(texts){
var tr=document.createElement("tr");
for(var i=0;i<texts.length;i++){
var td = createTD(texts[i]);
tr.appendChild(td);
}
return tr;
}
function createTable(rows){
var table=document.createElement("table");
for(var i=0;i<rows.length;i++){
var tr= createTR(rows[i]);
table.appendChild(tr);
}
return table;
}
var row0= new Array("id","名称","血量","伤害");
var row1= new Array("1","gareen","340","58");
var row2= new Array("2","teemo","320","76");
var row3= new Array("3","annie","380","38");
var row4= new Array("4","deadbrother","400","90");
var rows=new Array(row0,row1,row2,row3,row4);
var div = document.getElementById("d");
var table=createTable(rows);
div.appendChild(table);
</script>
");
window.frames["iframe2941"].document.write(decodeHtml(code2941));
window.frames["iframe2941"].document.close();
//load和下面的非load必需并存，因为如果代码用到了jquery就必须使用load的方式
$(window.frames["iframe2941"]).load(function(){
$("#iframe2941").height($("#iframe2941").contents().find("body").height()+showittryitheight);
});
$("#iframe2941").height($("#iframe2941").contents().find("body").height()+showittryitheight);
alreadyWriteCode2941 = code2941;
$("#rendering2941").hide();
$("#rendered2941").show();
}
var tRereshRetry2DemoPanel2941 = setInterval(rereshRetry2DemoPanel2941,1000);
var binded2941 = false;
$("textarea#stepcodeTextarea2941").keyup(function(){
if(!binded2941){
$(window).bind('beforeunload',function(){
binded2941 = true;
return "xxxx";
});
}
var newCode = $(this).val()
code2941 = newCode;
/*below code is replaced by function rereshRetry2DemoPanel()*/
// if(code2941!=newCode){
// window.frames["iframe2941"].document.write("
Or
姿势不对,事倍功半!