js直接显示html,JS实现可直接显示网页代码运行效果的HTML代码预览功能实例.pdf...

JS实实现现可可直直接接显显示示网网页页代代码码运运行行效效果果的的HTML代代码码预预览览功功能能实实例例

本文实例讲述了JS实现可直接显示网页代码运行效果的HTML代码预览功能。分享给大供大参考。具体如下：

JavaScript实现HTML代码预览功能，直接在网页上显示代码运行的效果，就例如点击“运行代码”后的效果，使用时，你只需将需

要运行的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) {

document.script.reset();

document.script.value = "";

}

function test(){

{

temp = document.script.tester.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="+scro

ll+",menubar=no");

OpenWindow.document.write("

link='blue'>

帮助信息")

OpenWindow.document.write(

js直接显示html,JS实现可直接显示网页代码运行效果的HTML代码预览功能实例.pdf...相关推荐

HTML完成如下网页效果代码,JS实现可直接显示网页代码运行效果的HTML代码预览功能实例...
本文实例讲述了JS实现可直接显示网页代码运行效果的HTML代码预览功能.分享给大家供大家参考.具体如下: JavaScript实现HTML代码预览功能,直接在网页上显示代码运行的效果,就例如点击&qu ...
原生js实现ajax的文件异步提交功能、图片预览功能.实例
采用html5使得选择图片改变时,预览框中图片随之改变.input文件选择框美化.原生js完成文件异步提交效果图: 代码如下,可直接复制并保存为html文件打开查看效果 <html> & ...
利用jquery.form.js实现Ajax无刷新图片上传及预览功能
某些时候当我们做登记页面的时候可能需要上传图片,并实现即时预览的功能. 如果只是预览而不上传,可以使用ImagePreview来实现,方便简单.如果需要上传,那么你也可以使用uploadify无刷新上 ...
php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）
最近做项目遇到在线预览和下载pdf文件,试了多种pdf插件,例如jquery.media.js(ie无法直接浏览) 最后选择了pdf.js插件(兼容ie10及以上.谷歌.安卓,苹果) 强烈推荐改插件, ...
网页中JS实现（调用）打印预览功能
近期的项目中需要在页面中实现打印预览功能--点击网页中的"打印"(Print),弹出打印预览窗口,点击窗口页面中的"开始打印"(Print),则出现浏览器的打印 ...
js+java 实现图片在线预览功能
本博客主要描述如何用JavaScript+java实现图片的预览功能,其实要点还是需要服务端的流. (一)功能描述点击页面的 [预览] 查看已经上传的或者在服务器中存在的图片. (二)实现原理使用 ...
js实现图片上传预览功能
js实现图片上传预览功能很多业务场景下,我们需要在用户上传图片前,先预览待上传的图片 <body><input type="file"><img s ...
vue里使用pdf.js实现pdf文件的预览功能
引言:经过上一篇文章的测试,发现了以下问题: 兼容性不好不适用多语言场景(不能共用一套) 会出现跨域问题难于监控阅读状态不能控制下载状态在基于vue开发的移动项目中,如果预览的pdf数量不是很 ...
html 打印预览兼容,vue下使用 pdf.js 预览和打印 PDF文档兼容React
我使用前端开发框架是vue,有一个打印PDF文档的需求. 这个需求最开始是交给后台,但是明显不切实际, 因为后台服务器,根本就无法连接打印机. 所以这个预览加打印文档的需求就交到了前端, 开始我有想过 ...

js直接显示html,JS实现可直接显示网页代码运行效果的HTML代码预览功能实例.pdf...

js直接显示html,JS实现可直接显示网页代码运行效果的HTML代码预览功能实例.pdf...相关推荐

最新文章

热门文章