html在线浏览代码,Js实现HTML代码预览功能,直接显⽰⽹页
代码运⾏效果
直接页⾯显⽰器
BODY{MARGIN-TOP: 0px;FONT-SIZE: 9pt;MARGIN-LEFT: 4px;MARGIN-RIGHT: 0px;FONT-FAMILY: "微软雅⿊"}
A{FONT-WEIGHT: 400;FONT-SIZE: 13px;COLOR: black;TEXT-DECORATION: none}
A: hover{FONT-WEIGHT: 400;FONT-SIZE: 13px;COLOR: red;TEXT-DECORATION: underline}
A: active{CURSOR: hand;COLOR: #ff0033}
.STYLE1{color: #0000FF;font-size: 40px;}
.STYLE2{font-weight: bold;font-size: 30px;}
直接页⾯显⽰器
cellPadding=0 border=0 borderlight="green">
请在下⾯窗⼝中输⼊HTML代码
function trestart(){
if (script) {
clear = confirm("确定要清除吗?",'');
if(clear) {
set();
document.script.value = "";
}
}
}
function test(){
{
temp = ster.value;
testwin= open("", "testwin","status=no,menubar=yes,toolbar=no");
testwin.document.open();
testwin.document.write(temp);
testwin.document.close();
}
}
function about(){
alert("HTML代码直接显⽰出页⾯来")
}
function help(){
OpenWindow=window.open("", "newwin","height=220,width=470,toolbar=no,scrollbars="+scroll+",menubar=no");
OpenWindow.document.write("
帮助信息")
OpenWindow.document.write("
你只要把你想显⽰的代码放到上页的输⼊框中,你⾃⼰也可以写代码,按显⽰键就能显⽰你的页⾯内容
")
OpenWindow.document.write("
实现特效的代码js")
OpenWindow.document.write("
关闭本窗⼝
")
OpenWindow.document.close()
self.name="main"
}
cellSpacing=0 cellPadding=0 width=360 border=0>
将下⾯代码复制到输⼊框试试
color=#ff0033>
<html>
<head>
<title>你好</title>
</head>
<body>
你好,欢迎光临⼿册⽹⽹页特效栏⽬!
</body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论