尝试使用从另一个页面加载的 function 导致 function 未定义

Question

i am using fetch to load a page code (html & js ) from another page then insert that code to be able to use it.

   fetch('site.com')
    .then(response=>response.text())
    .then(data=>{ document.body.innerHTML += data })

after that i try to call a function called dosubmit() that's in the other page code but it gives me

dosubmit is not defined

even though that the request loaded successfully.

Answer 1

Javascript execution happens when html page gets loaded. After page has loaded, and you are trying to inject the Javascript code won't help.

There are some ways though to achieve this,

1. You can make use of eval()
2. You can dynamically insert a separate js file having your code (In your case dosubmit())