<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
>
<
meta
http-equiv
=
"Content-Type"
content
=
"text/html; charset=utf-8"
/>
<
title
>无标题文档</
title
>
<
script
type
=
"text/javascript"
src="http://www.w3school.com.cn/jquery/jquery.js
"></
script
>
<
style
>
p{ margin:0; padding:0;}
img{ outline:none;}
#o{ width:300px!important; height:auto!important; border:1px solid #333;
overflow-x: hidden;word-wrap: break-word;outline:0px; min-height:220px;}
</
style
>
<
script
>
$(function(){
//createContextualFragment兼容IE9
if ((typeof Range !== "undefined") && !Range.prototype.createContextualFragment) {
Range.prototype.createContextualFragment = function (html) {
var frag = document.createDocumentFragment(),
div = document.createElement("div");
frag.appendChild(div);
div.outerHTML = html;
return frag;
};
}
$('#btn').click(function(){
$('#o').focus();
var str="<
img
src
=
'img1/1.png'
width
=
'191'