JS问题,尝试给window添加全局变量,但是报错了
问题描述
我希望给window里面添加MobileWindow,然后这个MobileWindow作为全局变量,其他的函数能够访问到,但是报错了
具体代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.t1 {
width: 500px;
height: 200px;
background: #0C9A9A;
}
</style>
</head>
<body>
<div>
<div class="t1">
按钮
</div>
</div>
<script>
(function(){
MobileWindow.prototype = {
name: 123
}
window.MobileWindow = MobileWindow
})()
window.onload = function () {
initClickEven()
}
function initClickEven() {
document.getElementsByClassName('t1')[0].onclick = function () {
console.log('t1');
console.log(MobileWindow.name);
}
}
</script>
</body>
</html>
感谢楼下提供思路
方案1
<script>
(function(){
// function MobileWindow () {
//
// }
// MobileWindow.prototype = {
// name: 123
// }
// window.MobileWindow = MobileWindow
window.MobileWindow = Object.create({name: 325})
})()
window.onload = function () {
initClickEven()
}
function initClickEven() {
document.getElementsByClassName('t1')[0].onclick = function () {
console.log('t1');
console.log(MobileWindow.name);
}
}
</script>
方案2
<script>
(function(){
function MobileWindow () {
}
MobileWindow.prototype = {
name: 123
}
window.MobileWindow = MobileWindow
// window.MobileWindow = Object.create({name: 325})
})()
window.onload = function () {
initClickEven()
}
function initClickEven() {
document.getElementsByClassName('t1')[0].onclick = function () {
console.log('t1');
// console.log(MobileWindow.name);
console.log(new MobileWindow().name);
}
}
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
我猜你想要的是这种?