1、准备好外部想要引入的外部文件，命名为util.js，并且填充固定的文件内容（一般是固定的库）。
2、打开util.js，继续填写重要内容将要使用的方法用module.exports给暴露出来。
3、将外部js放在指定的文件夹utils里（utils规定存放js库和数字格式化文件）。
4、在想要用到这个方法的js里面require这个js，然后调用即可。
1. 图片调用的js文件怎么写将需要在js中修改的代码放在js变量中，该变量在js中定义，然后在insertHtml中添加这段代码，示例如下：
var code = "<a herf = '#'><img url = '#'></img></a>"
insertHtml("beforeend",document.body,code)
将包含上述代码的js引入到页面中即可，在页面上调用js的代码如下：
<script language=javascript src=test.js></script>
insertHtml的使用方法：
insertHtml(where,el,html)
where：插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEnd
el：用于参照插入位置的html元素对象
html；要插入的html代码
例：insertHtml("beforeEnd",document.getElementById("fav_list"),"<li id='aaa'><a href='' class='fav_link'>；百度</a></li>")
2. 如何利用JS插入图片
简单代码如下：
使用JS在Div中插入图片
<div id="ad"></div>
<script type=text/javascript language="javascript">
var img = document.createElement("img")
img.setAttribute("src", "images/bb.")
var a = document.createElement("a")
a.setAttribute("href", "文件里面
在HTML中加入JavaScript脚本JavaScript采用的格式如下：把上述语句放在HTML的与之间，也可放在<body>与之 间。
将JavaScript标识放置… 在头部之间，使之在主页和其余部分代码之前装载，从而可使代码的功能更强大；将JavaScript标识放置 在<body>… 主体之间以实现某些部分动态地创建文档。例子：在网页上显示“你好！”。
<body>在浏览器地址栏直接执行JavaScript脚本也可以在浏览器的地址栏中输入JavaScript语句，由浏览器直接执行。如输入：javascript:alert(200*75)四、调用JavaScript文件可以将纯JavaScript的语句另外保存在一个"*.js"的文件中，需要时再调用。
例子：调用test.js文件，显示提示。<body>调用test.js文件test.js的文件内容如下：alert（"这是被调用的语句。
"）。
4. 怎样用js代码引入本地图片的路径
1、本地的图片？HTML只能连接网站内的图片，即使在本地，也需要先将图片拷贝到网站内。
2、网页中引用js文件，象你这样如果用到图片路径等时，要注意的是这个路径如果用相对路径表示的话，是网页与图片之间的相对路径，而不是js文件与图片之间的相对路径。如果有多个不同的目录中的网页文件需要引用一个这样的js文件的话，最好的解决办法是用绝对路径。也就是改成：
imgUrl1=("/images/0.")
imgtext1="1111"
imgLink1=escape("/XX")
imgUrl2=("/images/00.")
imgtext2="222"
imgLink2=escape("/XXX")
1.将引入的外部js文件放到assets文件下注：js文件中的方法要写在一个对象里（具体原因正在探索...）
2.在angular.json文件中找到scripts配置js文件路径
3.在tsconfig.json文件中加入allowJs:true
4.在src文件下新建typings.d.ts文件，用来定义js文件中的静态类型
5.第四步相当于全局引入（自己理解的，不知道这样描述准确否），如果只想要在所需的组件里使用，即在组件的ts文件中单独引入
6.最后调用js文件中的方法即可
