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
    }
};
相关推荐
1024小神2 分钟前
在rust中执行命令行输出中文乱码解决办法
前端·javascript
wordbaby3 分钟前
React Router v7 中的 `Layout` 组件工作原理
前端·react.js
旺仔牛仔QQ糖3 分钟前
Vue为普通函数添加防抖功能(基于Pinia 插件为action 配置防抖功能 引发思考)
前端·vue.js
lyc2333339 分钟前
鸿蒙Next人脸比对技术:轻量化模型的智能应用
前端
*小雪14 分钟前
vue2使用vue-cli脚手架搭建打包加密方法-JavaScript obfuscator
前端·javascript·vue.js
Coca28 分钟前
Vue 3 缩放盒子组件 ScaleBox:实现内容动态缩放与坐标拾取偏移矫正
前端
枫叶kx29 分钟前
发布一个angular的npm包(包含多个模块)
前端·npm·angular.js
工呈士30 分钟前
Webpack 剖析与策略
前端·面试·webpack
lyc23333331 分钟前
鸿蒙Next智能家居:轻量化模型的场景化落地
前端
天生我材必有用_吴用32 分钟前
Three.js开发必备:几何体BufferGeometry顶点详解
前端