innerHtml无法运行js的解决方案

2016/09/28
- 编程
0阅读

这几天写wantsReader的时候，碰到了这个问题。

首先是ajax获取到页面代码，然后innerHtml插入到div里

纯html的结构代码都可以正常展示，但是当包含js代码时，innerHtml插入的js却不会执行。

<div id="slides">
    <img src="templates/image/side1.jpg">
    <img src="templates/image/side2.jpg">
    <img src="templates/image/side3.jpg">
</div>

<script>
    $('#slides').slidesjs({
        width: 414,
        height: 196,
        play: {
            active: false,
            auto: true,
            interval: 5000,
            swap: true
        },
        pagination: false
    });
</script>

查阅多方资料，找到2个解决方法：
1、set_innerHtml.js，原文地址：http://jcodecraeer.com/a/jquery_js_ajaxjishu/2012/0625/278.html
2、使用jq的append()

innerHtml无法运行js的解决方案

作者：有点东西

链接： https://www.youdiandongxi.com/article/innerHtml-eval-js.html

协议：本文采用 CC BY-NC-SA 4.0 隐私协议，转载请注明出处！

innerHtml无法运行js的解决方案

innerHtml无法运行js的解决方案

其他推荐内容

SSR框架选型

自研DataV经历与实际操作遇到的问题

tp5 paginate如何实现自动分页？

评论区