JS有DIV模块内容，里面有一个button，点击跳转会报错。

Question

<script type="text/javascript">
    //主页获取文章名称和id
    $(document).ready(function(){
        $.ajax({
            url : "./php/active.php",//后台请求的数据，用的是PHP
            type : "post",//请求方式
            async : false,//是否异步请求
            success : function(data) { //如果请求成功，返回数据。
                var res = JSON.parse(data);
                var html = "";
                for(let i=0;i<res.length;i++){
                    html += "<div>\
                    <button type='button' class='btn' id='btn''>\
                       <span onclick='javascript:window.location.href='edit.html''>编辑</span>\
                    </button>\
                    </div>";
                }
                $("#tw_xinxi").append(html);
            },
        })
    })

JS有DIV模块内容，里面有一个button，点击跳转会报错，报错信息：

Uncaught SyntaxError: Unexpected end of input

说标题符号错误，可能是'edit.html'这个单引号的问题，但是现在里面又不能用双引号，我在网上没找到类似的案例，请问该怎么修改能点击跳转？

Answer 1

<span onclick='javascript:window.location.href=\'edit.html\''>编辑</span>

Answer 2

[updated] 可能我转义写错了，用模版字符串吧……

---

html += `<div>
<button type="button" class="btn" id="btn">
<span onclick="javascript:window.location.href='edit.html'">编辑</span>
</button>
</div>`