js中使用另外一个js文件的变量

最新推荐文章于 2023-02-28 10:59:19 发布

原创最新推荐文章于 2023-02-28 10:59:19 发布 · 1.9w 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

学习前端记录

当前文章被收录于：

学习前端记录

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何在JavaScript中导入另一个JS文件中的变量。通过创建模块或者使用`<script>`标签引用，可以实现不同JS文件间的变量共享。详细步骤包括创建外部文件、引入文件以及访问导出的变量。

想从A页面使用一个写好的静态js文件变量

test.js内容为

var order_json =
{
	"name":"11111",
	"name2":"22222",
	"name3":"33333"
};

在测试html文件中内容为：

<html lang="en">
<head>
    
<script src="static/js/jquery.min.js"></script>
<script src="test.js"></script>

        <script>
            $(document).ready(function(){
              var optcontent ='';
              for(var key in order_json)
              {
                optcontent = "<option value="+key+">"+order_json[key]+"</option>"
                $("#order").append(optcontent);
              }

            });
        </script>
</head>

<body>
    <select id="order">
        <option value ="volvo">Volvo</option>
        <option value ="saab">Saab</option>
    </select>
    <p id="result"></p>
</body>
</html>

其中发现对于接送来说用for(var key in json_data)，其中key直接就是遍历json中的key，而对于python来说for key in dict_data.keys()来说还是有点不适应。
然后在select中就可以看到效果了