HTML TO JavaScript 转换

 更新时间:2006年06月26日 00:00:00   作者:  

<html>
<head>
<title>HTML TO JavaScript 转换</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="menu_head">HTML TO JavaScript 转换</div>
<div class="content">
 <div>请在下边输入HTML代码:</div>
 <div>
  <textarea name="htmlcource" style="width:99%" rows="15" id="oSource" onpropertychange="change()" onChange="change()"></textarea>
 </div>
 <BR />
 <div>以下为经过转换以后的JavaScript代码:</div>
 <div>
  <textarea name="jscode" style="width:99%" rows="15" id="oResult" title="双击复杂代码" ondblclick='this.select();oResult.createTextRange().execCommand("Copy")'></textarea>
 </div>
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function change()
{
 oResult.value="document.writeln(\""+oSource.value.replace(/\\/g,"\\\\").replace(/\//g,"\\/").replace(/\'/g,"\\\'").replace(/\"/g,"\\\"").split('\r\n').join("\");\ndocument.writeln(\"")+"\")"
}
//-->
</SCRIPT>

</body>
</html>

相关文章

  • JS滚动到顶部踩坑解决记录

    JS滚动到顶部踩坑解决记录

    这篇文章主要为大家介绍了一次JS滚动到顶部踩坑解决记录过程分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • 9种使用Chrome Firefox 自带调试工具调试javascript技巧

    9种使用Chrome Firefox 自带调试工具调试javascript技巧

    这篇文章主要介绍了9种使用Chrome Firefox 自带网页调试工具调试javascript技巧
    2017-12-12
  • webpack5之devServer的常用配置详解

    webpack5之devServer的常用配置详解

    这篇文章主要为大家介绍了webpack5之devServer的常用配置详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-12-12
  • 微信小程序 五星评分的实现实例

    微信小程序 五星评分的实现实例

    这篇文章主要介绍了微信小程序 五星评分的实现实例的相关资料,这里提供实现实例帮助大家实现改功能,需要的朋友可以参考下
    2017-08-08
  • 定时器在页面最小化时不执行实现示例

    定时器在页面最小化时不执行实现示例

    这篇文章主要为大家介绍了定时器在页面最小化时不执行的实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • JS高级程序设计之class继承重点详解

    JS高级程序设计之class继承重点详解

    这篇文章主要为大家介绍了JS高级程序设计之class继承重点示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 浅谈JavaScript作用域

    浅谈JavaScript作用域

    这篇文章主要介绍了JavaScript作用域详情,作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突,下面文章我们一起来了解更多的详细内容,需要的小伙伴也可以参考一下
    2021-12-12
  • 微信小程序 网络请求(post请求,get请求)

    微信小程序 网络请求(post请求,get请求)

    这篇文章主要介绍了微信小程序 网络请求(post请求,get请求)的相关资料,需要的朋友可以参考下
    2017-01-01
  • TypeScript获取二叉树的镜像实例

    TypeScript获取二叉树的镜像实例

    这篇文章主要为大家介绍了TypeScript获取二叉树的镜像实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 微信小程序 常见问题总结(4058,40013)及解决办法

    微信小程序 常见问题总结(4058,40013)及解决办法

    这篇文章主要介绍了微信小程序 常见问题总结及解决办法的相关资料,这里首先对微信小程序的结构进行了介绍,然后对常见问题进行说明讲解,需要的朋友可以参考下
    2017-01-01

最新评论