html与js的相互转化,JS和HTML互转

body{font-size:9pt}

textarea {color="#707888";font-family:"verdana"}

.inputs {color="#707888";border:1px solid;background:#f4f4f4}

在这里输入你需要转换的格式，可以是JavaScript也可以是DHtml.

清除输出

全选代码

拷贝代码

粘贴代码

Js转Html

Html转Js

点击显示源文件

预览代码[F12]

这个是输出格式的窗口:

一个不好的消息:这个Js转Html部分现在只是支持由这个程序生成的

作者:FlashSoft2000 QQ:14433548

//定义title

document.title="多功能网页转换"

//显示网页源文件

function writes()

{

outputs.value=document.body.outerHTML;

}

//清除输出窗口

function clears()

{

outputs.innerHTML='';

}

//替换特定字符

//n1字符串,n2要替换的字,n3替换的字

function commute(n1,n2,n3)

{

var a1,a2,a3=0,a0=''

a1=n1.length;

a2=n2.length;

for(x=0;x<=(a1-a2);x++)

{

if(n1.substr(x,a2)==n2)

{

a0+=n1.substring(a3,x);

a0+=n3;

x+=(a2-1);

a3=x+1;

}

if(a3

{

return a0;

}

//转换JavaScript为DHtml

function js2html()

{

hide.value=codes.value

hide.value=commute(hide.value,'//"','"');

hide.value=commute(hide.value,'document.write("','');

hide.value=commute(hide.value,'")','');

hide.value=commute(hide.value,'

hide.value=commute(hide.value,'/script>','');

outputs.value=hide.value

}

//转换DHtml为JavaScript

function html2js()

{

hide.value=codes.value

hide.value=commute(hide.value,'"','//"');

hide.value=commute(hide.value,'//','');

hide.value=commute(hide.value,'/script>','//script>');

outputs.value="

}

//预览代码

function seeHtm()

{

open().document.write("

测试代码窗口"+outputs.value);

}

//用快捷键F12预览

document.οnkeydοwn=seeHtms

function seeHtms()

{

if((event.keyCode==123))

{

open().document.write("

测试代码窗口"+outputs.value);

}

//全选代码

function ta()

{

outputs.select()

}

//拷贝代码

function tc()

{

document.execCommand("Copy")

}

//粘贴代码

function tp()

{

outputs.focus()

document.execCommand("Paste")

}

html与js的相互转化,JS和HTML互转相关推荐

js对象(Object)和字符串(String)互转 - 代码篇
文章目录 js对象(Object)和字符串(String):相互转化 1. 利用原生JSON对象,将对象转为字符串截图如下: 2. 从JSON字符串转为对象相关文章:[localstorage本地 ...
pdfh5.js 基于pdf.js和jQuery，web/h5/移动端PDF预览手势缩放插件。
pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件. 注意:本地绝对路径地址不能加载,跨域问题用代理或者服务端解决. svg模式渲染存在缺陷,只能渲染普通pd ...
php提交表单关闭弹出层,使用js实现关闭js弹出层的窗口
本篇文章主要是对使用js实现关闭js弹出层的窗口的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 function toggle() { theObj = document.getE ...
Vue.js 使用 Swiper.js 在 iOS 11 时出现错误
前言在H5项目中,需要用到翻页效果,通过 Swiper 来实现,安装 Swiper npm i swiper -S 但是实际使用中,发现低版本 iOS < 11 会出现下面这个错误: Synt ...
Mustache.js和Handlebars.js有什么区别？
本文翻译自:What are the differences between Mustache.js and Handlebars.js? Major differences I've seen ar ...
js修改display_Vue.js从零开始——过渡 / 动画效果（2）
题图是2013年在 OSRAM 的顶层拍的远景,能看到慕尼黑的高楼大厦不算多,远近也就看到4栋,左上的富士通,右侧远处的奥林匹克公园的高塔还有宝马大厦,最远处的那一栋我不知道是哪里了--这是因为不在老 ...
video.min.js php,使用flv.js与video.js做一个视频直播效果
这次给大家带来使用flv.js与video.js做一个视频直播效果,使用flv.js与video.js做出视频直播效果的注意事项有哪些,下面就是实战案例,一起来看一下. 环境配置首先运行livego ...
微信小游戏 demo 飞机大战代码分析（四）(enemy.js， bullet.js, index.js)
微信小游戏 demo 飞机大战代码分析(四)(enemy.js, bullet.js, index.js) 微信小游戏 demo 飞机大战代码分析(一)(main.js) 微信小游戏 demo 飞 ...
RAP、Mock.js、Vue.js、Webpack
最近做项目使用的是RAP1的接口,但是昨天开始,RAP1 出现了问题,接口都不能用了. 所以补充一下Mock.js的用法,以便在这种突发的情况时候时自己通过Mock的方式来处理接口. npm init ...
低版本浏览器支持css3 Media查询的方法, ie6-ie8 不支持css3 的时候用respond.js，html5shiv.js 【非常实用哦】。。。。。。。。。。。。...
Respond.js 是一个快速.轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width ...

html与js的相互转化,JS和HTML互转

html与js的相互转化,JS和HTML互转相关推荐

最新文章

热门文章