简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - webpack怎么使用页面按钮的点击事件？
迷茫
迷茫 2017-04-11 13:20:57
0
2
279

本人最近刚开始学习webpack，网上的入门教程也做了很多个，但是都比较简单（再页面上显示一行字），自己就想要练习的全面一些，页面上有一些元素（p INPUT BUTTON），下面是HTML代码BODY部分:

<body>
        <p id="test"></p>
        <input id="text1" />
        <button onclick="add()">填充</button>
        <button onclick="changeBg()">换背景色</button>
        <script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
        <script type="text/javascript" src="js/bundle.js" ></script>
    </body>

下面是module.js

var a;
a=10;
for(var i=0;i<a;i++){
    $("#test").append("<span>"+i+"</span>");
}
function add(){
    $("#text1").val(i);
    i++;
}
function changeBg(){
    $("body").css("background","beige");
}

打包生成bundle.js后运行页面，第一个for循环再p中插入span没问题，然后点击填充按钮，这时控制台报错：
Uncaught ReferenceError: add is not defined
下面那个换背景色的点击事件也是报错，这是什么原因啊？应该怎么做？
对了，下面贴entry.js入口代码：

require("./css/style.css")
document.write("开始工作咯")
require('./js/module.js')

求指导~~

迷茫
迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(2)
伊谢尔伦
伊谢尔伦2017-04-11 13:22:57 2 楼

add打包之后就不在全局中了，所以要么用@hexs 的方法，要么把 module.js 写成模块形式，用 export或者module.export导出方法

点赞 +0
添加回复
阿神
阿神2017-04-11 13:22:57 1 楼

这样试试

window.add = function (){
    $("#text1").val(i);
    i++;
}
点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！