logo 有点东西

innerHtml无法运行js的解决方案

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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 隐私协议，转载请注明出处！

上一篇：《Laravel5.3 问题记录》 下一篇：《slidesjs 幻灯片配置》

其他推荐内容

微信字体设置导致页面错位的解决方法
  • 2017/12/13
    • 编程

微信字体设置导致页面错位的解决方法

通过JS包获取APP版本信息
  • 2024/01/21
    • 编程

通过JS包获取APP版本信息

JavaScript 中 call()、apply()、bind() 的用法
  • 2019/10/15
    • 编程

JavaScript 中 call()、apply()、bind() 的用法

评论区