文档章节

JavaScript中的变量升级

J_Queue
 J_Queue
发布于 2017/08/09 15:39
字数 178
阅读 20
收藏 0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量升级</title>
</head>
<body>
<input type="text" id="clock">
<script language=javascript>
    window.onload = function () {
        var init = function () {
            document.getElementById("clock").value = "GG";
        }
    }
</script>
<button onclick="init()">GG</button>
</body>
</html>

在上面的代码中给button绑定了一个局部定义的函数,所以点击button不会触发init()函数,那么我们来对JavaScript文件进行如下的更改

<script language=javascript>
    window.onload = function () {
        init = function () {
            document.getElementById("clock").value = "GG";
        }
    }
</script>

我们只是把init方法前的var申明给去掉了,再点击上面的button发现好使了,说明init就变成了全局变量,这就是在局部函数中定义一个全局函数,也就是局部变量的升级

© 著作权归作者所有

J_Queue
粉丝 5
博文 56
码字总数 35716
作品 0
杭州
后端工程师
私信 提问
javascript 设计模式之单体(Singleton)模式

单体模式介绍 单体模式最初的定义出现于《设计模式》(艾迪生维斯理, 1994):“保证一个类仅有一个实例,并提供一个访问它的全局访问点。” javascript是一个没有类的程序语言,当然也可以去...

hlxiong
2014/04/13
0
0
老牌 JS 应用程序开发框架 Ext JS 6.6 发布,支持 npm 包

Sencha 早已于上月发布了 Ext JS 6.6。 新版本带来大量的升级并引入了大量新的最新组件。用户可以看到本地化支持、高级路由功能,以及动态样式。 现在已支持使用 npm 进行升级,此外新版本还...

局长
2018/07/02
5.1K
73
Tengine-2.1.1 ngx_http_concat_module 400问题

今天一客户升级最新版Tengine-2.1.1 后,合并多个文件的JS报400错误,在我们公司的开发机上无此问题,可能是RedHat版本的问题,我们的版本比较低,升级之后没有问题。 最后找度娘发现: 由于...

xiongs
2015/08/17
0
0
为什么要前端构建?讲得很清楚全面

为什么要前端构建? JavaScript和CSS的依赖问题 我们经常出现的另一个问题,就是JavaScript和CSS的依赖问题,说的通俗点就是JavaScript和CSS的在页面中的顺序问题! 我们经常发现CSS没起作用...

柴高八斗之父
2018/08/30
0
0
Cocos2d-JS v3.0 RC2 发布

Cocos2d-JS v3.0 RC2 发布了,下载地址: cocos2d-js-v3.0-rc2.zip For Web Development Only Online API reference Downloadable API Reference Online test cases Cocos2d-JS是Cocos2d-x的......

oschina
2014/08/13
1K
1

没有更多内容

加载失败,请刷新页面

加载更多

计算机网络

计算机网络体系结构 OSI 其中表示层和会话层用途如下: 表示层 :数据压缩、加密以及数据描述,这使得应用程序不必关心在各台主机中数据内部格式不同的问题。 会话层 :建立及管理会话。 五层...

一只小青蛙
52分钟前
2
0
0.01-Win10安装linux子系统

一、安装Debian子系统 -1、控制面板设置: -1.1、打开“控制面板” —— “程序” —— “启用或关闭Windows功能” —— 勾选 “适用于Linux的Windows子系统” -2、设置: -2.1、打开“设置”...

静以修身2025
昨天
2
0
init 0-6 (启动级别:init 0,1,2,3,4,5,6)

启动级别: init 0,1,2,3,4,5,6 这是个很久的知识点了,只是自己一直都迷迷糊糊的,今天在翻出来好好理解下。。 0: 停机 1:单用户形式,只root进行维护 2:多用户,不能使用net file system...

圣洁之子
昨天
2
0
Android Camera HAL浅析

1、Camera成像原理介绍 Camera工作流程图 Camera的成像原理可以简单概括如下: 景物(SCENE)通过镜头(LENS)生成的光学图像投射到图像传感器(Sensor)表面上,然后转为电信号,经过A/D(模数转...

天王盖地虎626
昨天
2
0
聊聊Elasticsearch的ProcessProbe

序 本文主要研究一下Elasticsearch的ProcessProbe ProcessProbe elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/monitor/process/ProcessProbe.java public class ProcessProb......

go4it
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部