script标签异步加载导致引用外部js文件的变量undefined 分析及其解决方案

  • Post author:
  • Post category:其他




问题分析

有时候我们需要用到别的js文件中的变量,我们会加入script标签来引用外部的JavaScript代码,我们希望获得外部JavaScript代码中定义的变量,可是事情往往事与愿违。

我们有如下的外部JavaScript代码,我们叫他

1.js

,它定义了外部变量ext

var ext = "这是外部变量ext";

然后我们在html页面中将其中一个

script

标签的

src

指向

1.js

,表示我们加载外部的JavaScript代码,然后我们调用

1.js

中的全局变量ext

<!DOCTYPE html>
<html>
<head>
	<title>test</title>
</head>
<body>
	
	<script type="text/javascript" id="script1"></script>

	<script type="text/javascript">
		document.getElementById("script1").src = "1.js";
		console.log(<



版权声明:本文为weixin_44176696原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。