javascript动态创建script元素后,动态加载外部js文件

javascript 复制代码
<script type="text/javascript">
           
            var script=document.createElement("script");
            script.type="text/javascript";
            script.src="public/js/client.js";
            document.head.appendChild(script);            
            
            //也可以不用这个匿名闭包函数,直接用里面的函数表达式
            //必须使用onload加载才能正常调用client.js里面的函数
            (function(){
                script.onload=function(){
                   var hi=new sayhi();
                   hi.getname();
                };
            })();
        </script>

//这个是pubic/js/client.js文件

javascript 复制代码
var sayhi=function(){
    var name="nice";
    var getname=function()
    {
        console.log(name);
    };
    return {
        getname:getname
    }
};
相关推荐
几何心凉15 小时前
openGauss:多核时代企业级数据库的性能与高可用新标杆
前端·数据库·数据库开发
AiXed17 小时前
PC微信协议之AES-192-GCM算法
前端·数据库·python
AllData公司负责人17 小时前
实时开发平台(Streampark)--Flink SQL功能演示
大数据·前端·架构·flink·开源
小满zs17 小时前
Next.js第五章(动态路由)
前端
清沫17 小时前
VSCode debugger 调试指南
前端·javascript·visual studio code
一颗宁檬不酸18 小时前
页面布局练习
前端·html·页面布局
武子康19 小时前
Java-171 Neo4j 备份与恢复 + 预热与执行计划实战
java·开发语言·数据库·性能优化·系统架构·nosql·neo4j
zhenryx19 小时前
React Native 自定义 ScrollView 滚动条:开箱即用的 IndicatorScrollView(附源码示例)
javascript·react native·react.js·typescript
金木讲编程19 小时前
Claude、Agent与Copilot协作生成Angular应用
前端·ai编程
怪兽201420 小时前
fastjson在kotlin不使用kotlin-reflect库怎么使用?
android·开发语言·kotlin