这个js转html,html转js的代码
<body>
<!--这个程序由flashsoft2000于2001.12.2凌晨2:34分完成-->
<style>
body{font-size:9pt}
textarea {color="#707888";font-family:"verdana"}
.inputs {color="#707888";border:1px solid;background:#f4f4f4}
</style>
在这里输入你需要转换的格式,可以是JavaScript也可以是DHtml.
<br>
<textarea id="codes" style="width:730;height:300">
</textarea>
<br>
<button οnclick="clears()" class="inputs">
清除输出
</button>
<button οnclick="ta()" class="inputs">
全选代码
</button>
<button οnclick="tc()" class="inputs">
拷贝代码
</button>
<button οnclick="tp()" class="inputs">
粘贴代码
</button>
<button οnclick="js2html()" class="inputs">
Js转Html
</button>
<button οnclick="html2js()" class="inputs">
Html转Js
</button>
<button οnclick="writes()" class="inputs">
点击显示源文件
</button>
<button οnclick="seeHtm()" class="inputs">
预览代码[F12]
</button>
<br>
这个是输出格式的窗口:
<br>
<textarea id="outputs" style="width:730;height:300"></textarea>
<br>
一个不好的消息:这个Js转Html部分现在只是支持由这个程序生成的
<br>
作者:FlashSoft2000 QQ:14433548
<input id="hide" style='display:none'>
<script>
//定义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<a1)a0+=n1.substring(a3,a1)
{
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,'<script>','');
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="<script>document.write(/""+hide.value+"/")<//script>"
}
//预览代码
function seeHtm()
{
open().document.write("<title>测试代码窗口</title>"+outputs.value);
}
//用快捷键F12预览
document.οnkeydοwn=seeHtms
function seeHtms()
{
if((event.keyCode==123))
{
open().document.write("<title>测试代码窗口</title>"+outputs.value);
}
}
//全选代码
function ta()
{
outputs.select()
}
//拷贝代码
function tc()
{
document.execCommand("Copy")
}
//粘贴代码
function tp()
{
outputs.focus()
document.execCommand("Paste")
}
</script>
这个js转html,html转js的代码相关推荐
- 【Node.js】2.开发Node.js选择哪个IDE 开发工具呢
安装完Node.js之后,就要为它选择一个有利的IDE用于开发. 相比较了多个IDE之后,定位在webstrom和sublime上. 有一个简单的比较: webstorm功能很丰富,前端开发工具的集大 ...
- 【深入浅出Node.js系列十一】Node.js开发框架Express4.x
为什么80%的码农都做不了架构师?>>> #0 系列目录# 深入浅出Node.js系列 [深入浅出Node.js系列一]什么是Node.js [深入浅出Node.js系列二]N ...
- js中变量和jsp中java代码中变量互相访问解决方案
1.js变量获取jsp页面中java代码的变量值. 方法:var JS变量名 = <%=JAVA变量名 %> 2.java代码获取js变量的值. 说明:在JSP中:Java部分是在 ...
- 微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法
微信小程序首页index.js获取不到app.js中动态设置的globalData的原因以及解决方法 参考文章: (1)微信小程序首页index.js获取不到app.js中动态设置的globalDat ...
- node中怎样将css导入到html,CSS无法使用Node.js加载到我的HTML代码中
我想通过Node.js使用express()函数在localhost:3000中将CSS添加到我的HTML中. 不幸的是,有些奇怪.我一步一步按照教程中的步骤,但仍然无法加载我的CSS.我的style ...
- python操作js中的输入_Python调用JavaScript代码的方法
准备阶段: 以一段简单的JS脚本为例,将代码写入到文件中,其中,定义了一个方法,计算两个数的和. //norm.js //计算两个数的和 function add(num1, num2) { retu ...
- React.js 小书 Lesson5 - React.js 基本环境安装
React.js 小书 Lesson5 - React.js 基本环境安装 本文作者:胡子大哈 本文原文:http://huziketang.com/books/react/lesson5 转载请注明 ...
- JS实现转动随机数抽奖的特效代码
JS实现转动随机数抽奖的特效代码 大家都玩过抽奖游戏,或者梦想抽到大奖吧.可是有没有想过抽奖游戏是怎么实现的呐?今天就给大家分享一款转动随机数抽奖的JS特效代码. 实现代码例如以下 <!Doct ...
- node.js入门系列(一)--Node.js简介
什么是NodeJS JS是脚本语言,脚本语言都需要一个解析器才能运行.对于写在HTML页面里的JS,浏览器充当了解析器的角色.而对于需要独立运行的JS,NodeJS就是一个解析器. 每一种解析器都是一 ...
- js向head中添加js代码
js向head中添加js代码 1.$("<script>").attr("type","text/javascript") .h ...
最新文章
- 使用回调函数实现图像阈值分析。程序运行后在屏幕中输入阈值,通过改变滑动条实现不同类型的二值化图。
- Android用省略号替换“...”
- java代码轻量级锁_Java轻量级锁原理详解(Lightweight Locking)
- 我开博客啦,呵呵,欢迎各位朋友。
- 黄刘生--数据结构--答案
- apexsql使用方法_使用ApexSQL审核执行SQL Server审核
- Code4Fun: 通过XML模板系统实现对象的灵活序列化
- 如何判断对方列表里是不是好友_QQ怎么知道自己是不是对方好友
- python绘制相频特性曲线_用Python绘制音乐图谱
- 舞蹈课(dance.cpp/c/pas)
- 命令行查看ubuntu版本号
- ubuntu显卡输出hdmi屏幕没有声音
- Ubuntu 和linux的关系
- c语言str相关的函数
- pdf转ppt在线转换网站
- vue.js devtools
- STM32的光敏检测自动智能窗帘控制系统proteus设计
- Java性能-线程和同步-JVM线程优化和线程优先级
- 汽车模具设计与制造能力状况
- 兼容性测试平台sonic搭建(Angent windows)
热门文章
- 五分钟带你实战linux 创建组用户,创建新用户,修改用户组属性,修改权限的应用
- MATLAB轻松绘制地图路线——已知及未知坐标下的处理方法(2)
- Unity开发4 资源、商店、地形的绘制
- 白帽子-高端信息安全培训视频教程
- python 计算DataFrame的数值变量及离散变量,并标准化
- 知乎美女挖掘指南--Python实现自动化图片抓取、颜值评分
- php 开启dcom,快速解决PHP调用Word组件DCOM权限的问题讲解
- html5shiv原理,H5-shopping-mall
- 武林外传辅助工具详细制作过程[第三篇:显示游戏数据]
- Python输入长宽,求长方形的周长和面积