美文网首页
原生js动态注入脚本内容

原生js动态注入脚本内容

作者: 卖手机的程序猿 | 来源:发表于2022-04-13 10:36 被阅读0次


使用:

1、在项目里面新建index.js,将下面代码黏贴进去

export  const createScript = (result,type,pos) => {

        var positions = pos? document.getElementsByTagName('head')[0] :document.getElementsByTagName('body')[0];

        var script = document.createElement('script');

        script.type = 'text/javascript';

        if (type === 'url') {

            script.src = result;

        } else {            

            script.innerHTML = result;

        }

        positions.appendChild(script);

    }

2、通过import  { createScript  } from './index';

3、调用

let scriptCode = `

            function fns(){

                alert("原生js动态注入脚本内容")

            };

            fns();

createScript(scriptCode)          

4、预览效果

相关文章

网友评论

      本文标题:原生js动态注入脚本内容

      本文链接:https://www.haomeiwen.com/subject/graosrtx.html