成都网站建设设计

将想法与焦点和您一起共享

Javascript中导入js文件的方法

这篇文章主要介绍Javascript中导入js文件的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联公司为客户提供专业的网站制作、成都做网站、程序、域名、空间一条龙服务,提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、成都做手机网站等网站方面业务。

为了避免在HTML中显示大量的代码,我们一般选择将js脚本单独放入一个文件中,然后再将js文件导入HTML中,这样可以使得HTML文件更加简洁,本文主要介绍导入js脚本的两种方式分别是:传统导入、模块导入。

首先确认需要导入的js脚本的位置,本文在HTML文件同路径下。

1.传统导入:

JS脚本内容:

//文件名:example.js
let a="呵呵姑娘";

HTML内容:






    
    
    
    Document


    
    

2.模块导入:

JS脚本内容:

//文件名:example.js
let a="呵呵姑娘";
export {a};

HTML内容:




    
    
    
    Document


    
        import {a} from './example.js';
        console.log(a);
    

以上是“Javascript中导入js文件的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网站题目:Javascript中导入js文件的方法
本文来源:http://chengdu.cdxwcx.cn/article/psejgs.html