如何从另一个 Javascript 访问 HTML5 中的 JavaScript

How to access a javascript in HTML5 from another Javascript

本文关键字:HTML5 中的 JavaScript 访问 Javascript 另一个      更新时间:2023-09-26

我想知道我是否可以在同一 HTML 文件中单独访问变量。下面的代码是给出我正在尝试做的事情的示例。虽然它根本不起作用,但它应该有助于了解我想做什么

<script type="text/javascript" id="script1">
    otherScript = document.getElementById("script2")
    number1=otherScript.someNumber
</script>

<script type="text/javascript" id="script2">
    someNumber=7
</script>

请阅读程序的范围。两个脚本位于同一页面上,并共享相同的global scope。您可以按照编写脚本块 1' script block 21, but not from的方式从脚本块 1' 访问someNumber

范围从解析script block 1开始。 Script block 2目前并不存在。

一个示例,以进一步帮助您

<script type="text/javascript" id="script1">
    number1=someNumber; //this will generate an error;
    function alertNumber()
    {
        //this isn't executed directly because it's a function. 
        //We call upon it later in script block 2.
        alert(someNumber); //this will work.
    }
</script>

<script type="text/javascript" id="script2">
    someNumber=7;
    alertNumber(); // alertNumber exists since script block 1 is parsed.
</script>

如您所见,文档的流程是自上而下的。在调用同一范围内的对象之前,需要先声明它们。在您的代码中,尚未声明someNumber

关于范围的好页面也在这个网站上。