動態添加script

export function asyncLoadJs (url) {

return new Promise((resolve, reject) => {

// let hasLoaded = document.getElementsByTagName('script[src="' + url + '"]').length > 0

let item = document.getElementsByTagName('script')

for (let i = 0; i < item.length; i++) {

let srcItem = item[i].src

if (srcItem.includes(url)) {

resolve()

return

}

}

let script = document.createElement('script')

script.type = 'text/javascript'

script.src = url

document.body.appendChild(script)

script.onload = () => {

resolve()

}

})

}

export function loadAMapJS () {

return new Promise((resolve, reject) => {

asyncLoadJs('//webapi.amap.com/maps?v=1.4.12&key=密鑰&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder')

.then((result) => {

return asyncLoadJs('http://webapi.amap.com/loca?v=1.2.0&key=61aeb5b4d175861fa1faeec9ec444afb')

})

.then(() => {

resolve()

})

})

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章