这不是固定死的内容格式吗
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
</head>
<body>
<input type="button" value="插入" onclick="add(1)"/>
<input type="button" value="复制" onclick="add(2)"/>
<input type="button" value="替换" onclick="add(3)"/>
<input type="button" value="删除" onclick="add(4)"/>
<input type="button" value="格式" onclick="add(5)"/>
<br/>
<div id="content">
</div>
<div id="text" style="display:none">
<p>春眠不觉晓</p><p>处处闻啼鸟</p><p>夜来风雨声</p><p>花落知多少</p>
</div>
<script>
function add(str){
switch(str){
case 1:
$("#content").html($("#text").html())
break
case 2:
$("#content").append($("#text").html())//以下两种方式任选 添加一个隐藏的div,或者直接写死在上面
break
case 3:
$("#content").html("<p>春眠不觉晓</p><p>处处闻啼鸟</p><div>夜来风雨声</div><p>花落知多少</p><p>春眠不觉晓</p><p>处处闻啼鸟</p><p>夜来风雨声</p><p>花落知多少</p>")
break
case 4:
$("#content").html("<p>春眠不觉晓</p><p>处处闻啼鸟</p><div>夜来风雨声</div><p>花落知多少</p><p>春眠不觉晓</p><p>处处闻啼鸟</p>")
break
case 5:
$("#content").css("color","blue")
break
default:
break
}
}
</script>
</body>
<script>
</script>
</html>
春眠:[chūn mián]
《春眠》为唐代诗人白居易创作,一首诗为七言绝句,一首为五言古诗。
白居易(772-846年),唐代诗人。字乐天,号香山居士。其先太原(今属山西)人,后迁下邽(今陕西渭南东北)。贞元进士,授秘书省校书郎。元和年间任左拾遗及左赞善大夫。后因上表请求严缉刺死宰相武元衡的凶手,得罪权贵,贬为江州司马。
长庆初年任杭州刺史,宝历初年任苏州刺史,后官至刑部尚书。在文学上,主张“文章合为时而著,歌诗含为事而作”,是新乐府运动的倡导者。其诗语言通俗。和元稹并称“元白”,和刘禹锡并称“刘白”。有《白氏长庆集》。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)