如何运行网页html,如何在网页中运行html代码

在做一些网页代码演示的时候，如css样式的演示和js特效演示时都会用到这样的功能 ，记录下使用的方法，有了这个大家就可以在自己的博客中使用了，

演示地址：Html代码修改和运行.其中要用到一个js代码

function yunxing(obj)//函数名大家可以取

{

var winname = window.open('', "_blank", '');

winname.document.open('text/html', 'replace');

winname.opener = null //防止代码对原始页面进行修改

winname.document.write(obj.value);

winname.document.close();

}

然后在body标签中使用这里是要运行的html代码。还要加上一个按钮来执行，其中这里的方法要和js中的一致。然后就可以运行了，来看整个的完整演示

无标题文档弹窗中网页标题

.tt1 ul{ margin:0; padding:0;}

.tt1 li{ list-style:none; height:26px; width:200px; padding-left:10px; line-height:26px; margin-bottom:2px; background-color:#CC3399; }

.tt1 li:hover{ background-color:#CCCC00; color:white; cursor:pointer;}

• 111111
• 222222
• 333333
• 444444
• 555555

function yunxing(obj)

{

var winname = window.open('', "_blank", '');

winname.document.open('text/html', 'replace');

winname.opener = null //防止代码对原始页面进行修改

winname.document.write(obj.value);

winname.document.close();

}