访问另一个javascript文件/Html文件中的Javascript变量值

Question

假设我有一个 js 文件和一个 html 文件：

jScript1.js

var a = 0.05 ;
var var1 = a;
function myFunc1(){
    console.log("original"+ a);
    a = a*5 ;
    console.log("processed a"+ a) ;
    var1 = a;
}

索引.html

<body>
<script src="jScript1.js">myFunc1();</script>

<script>

console.log("display"+ a);
</script>

</body>

我能够访问 js 文件中的 var1，但是当我使用它时，我得到了初始化值 [在这种情况下为 0.05]，而不是在使用 js 文件作为脚本调用脚本标记中的 myFunc() 后存储在 var1 中的处理值资源

在myFunc() 内部进行处理后，如何获取html 文件中var1 的最终值？

Answer 1

规范中的相关摘录（我特别是从https://dev.w3.org/html5/spec-preview/the-script-element.html 获取的）：

当用于包含动态脚本时，脚本可以嵌入内联，也可以使用 src 属性从外部文件导入。
[...]
（第 15 步。）
[...]
如果元素有一个 src 属性
在准备脚本算法开始时，必须将该元素添加到脚本元素的文档中将尽快执行的脚本集。 [...]

除此以外
用户代理必须立即执行脚本块，即使其他脚本已经在执行。

我不确定它是如何被忽视的，但是myFunc1(); call 根本不会被执行，它的日志根本不会出现。
如果你试试

<body>
  <script src="jScript1.js"></script>

  <script>
    console.log("display1 " + a);
    myFunc1();
    console.log("display2 " + a);
  </script>
</body>

相反，这会起作用。

（虽然符号“动态脚本”可能看起来有点混乱，但替代方法是“数据块”）

访问另一个javascript文件/Html文件中的Javascript变量值

问题描述

1 个解决方案

解决方案1
2 2018-02-06 10:58:10

访问另一个javascript文件/Html文件中的Javascript变量值

问题描述

1 个解决方案

解决方案1 2 2018-02-06 10:58:10

解决方案1
2 2018-02-06 10:58:10