js实现html转js

最新推荐文章于 2024-06-10 09:55:18 发布

原创最新推荐文章于 2024-06-10 09:55:18 发布 · 612 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

这篇教程介绍了如何利用JavaScript实现HTML到JS代码的转换。文中提供了具体的JS实现代码，并展示转换后的效果。此外，还给出了相关在线工具的参考链接和多个下载资源网站。

js实现html转js，js HTML转换成JS代码实现方法教程如下：

输入一段html代码

实现结果：转换成js代码

js实现代码如下：

function tojs() {
    $("#result").val("var sb=\'" + $("#content").val().replace(/\\/g, "\\").replace(/\\/g, "\\/").replace(/\'/g, "\"").replace(/\"/g, "\"").split('\n').join("\';\nsb+=\'") + "\';");
}
function tohtml() {
    document.getElementById('result').value = $("#content").val().replace(/var sb=\"/g, "").replace(/sb\+\=\"/g, "").replace(/"\;/g, "").replace(/\\\"/g, "\"").replace(/\\\'/g, "\'").replace(/\\\//g, "\/").replace(/\\\\/g, "\\")
}
function Empty() { $("#content").val(""); $("#result").val(""); $("#content").select() }
function htmltoarray() {
    var contentstr = $("#content").val();
    $("#result").val("[\'" + contentstr.replace(/\\/g, "\\").replace(/\\/g, "\\/").replace(/\'/g, "\"").replace(/\"/g, "\"").split('\n').join("\',\'") + "\']");
}

显示效果：html转js在线工具