没有全局变量的window.onload

阿德里安·盖拉西姆(Adrian Gherasim)

我正在尝试使用没有全局变量的windows.load。

HTML代码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Test</title>
    <link rel="stylesheet" href="main.css">
    <script type="text/javascript" src="script.js"></script>
</head>
<body>

<form>
    Name: <input type="text" id="txt1"><br><br>
    <input type="button" value="Check Input" id="b1">
</form>

</body>
</html>

JavaScript全局变量代码:

/*jslint browser: true*/

var myButton;

window.onload = function () {
    "use strict";
    myButton = document.getElementById("b1");
    myButton.addEventListener("click",alertMM);
};

function alertMM() {
    "use strict";
    window.console.log(myButton.value);
}

最后是没有全局变量代码的NOT WORKING:

/*jslint browser: true*/

var myNS = {
    myButton: undefined,
    //
    setUp: function () {
        "use strict";
        myNS.myButton = document.getElementById("b1");
        myNS.myButton.addEventListener("click", alertMM);
    }
};

window.onload = myNS.setUp();

function alertMM() {
    "use strict";
    window.console.log(myNS.myButton.value);
}

我想停止使用全局变量的原因是,恐怕它将与将来的代码冲突。

提前致谢

阿德里安

笨拙的

在:

window.onload = myNS.setUp();

定义window.onload回调时,您应该为其分配函数本身(只是myNS.setUp),以便以后可以调用它。您的代码要做的是立即调用该函数并分配结果。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用window.onload内部的函数更改全局变量值

来自分类Dev

从XMLHttpRequest的onload回调访问全局变量

来自分类Dev

如何启动window.onload的“ onload”?

来自分类Dev

JavaScript window.onload

来自分类Dev

JavaScript window.onload

来自分类Dev

onload XMLHttpRequest之外的变量

来自分类Dev

window.onload没有在页面刷新上运行

来自分类Dev

window.onload = someFunctionName与window.onload = someFunctionName()

来自分类Dev

window.onload = function(){..} / window.onload = function(){..}();之间的区别

来自分类Dev

jQuery .ready()与window.onload

来自分类Dev

Window.onload与脚本延迟

来自分类Dev

Window.onload和订购

来自分类Dev

具有多个window.onload功能

来自分类Dev

JavaScript window.onload有什么意义?

来自分类常见问题

没有受限的全局变量

来自分类Dev

全局变量PHP没有更新

来自分类Dev

具有onload =“ init();”的TemplateSyntaxError

来自分类Dev

带有延迟的jQuery .onload

来自分类Dev

window.onload = stuff和window.onload = stuff()之间有区别吗?

来自分类Dev

使变量在没有全局变量的函数外部可用

来自分类Dev

使变量在没有全局变量的函数外部可用

来自分类Dev

混合window.onload和jQuery $(function(){})

来自分类Dev

在加载字体之前触发window.onload

来自分类Dev

包含文件中的window.onload问题

来自分类Dev

如何设置更多window.onload事件?

来自分类Dev

在Firefox 30上的window.onload

来自分类Dev

在phantomjs中使用“ window.onload”

来自分类Dev

为什么要使用window.onload

来自分类Dev

window.onload不调用函数