webview - onmessage - web views react native
Reaccionar carga nativa css y js Webview (1)
Debe usar el atributo JavaScript injectedJavaScript
en WebView para pasar JS para que se ejecute.
Por ejemplo:
<WebView html={html}
injectedJavaScript={''function myfunc() { //your JS here };myfunc();''}
javaScriptEnabled={true} />
Quiero cargar html personalizado en una vista web usando reaccionar nativo, está funcionando para html simple pero no puedo entender cómo cargar javascript desde un archivo js a la vista web, parece que no pasa nada.
Aquí está mi página web:
var html = ''<!DOCTYPE html><html><head><script src="myfile.js" type="text/javascript"></script></head><body><h1>This is a heading!</h1><div id="here"></div></body></html>'';
return (
<WebView html={html}
javaScriptEnabled={true} />
);
Y aquí tengo mi archivo js simple (myfile.js):
document.addEventListener("DOMContentLoaded", function(event) {
alert("HERE");
var generateHere = document.getElementById("here");
generateHere.innerHTML = ''<div class="someclass"><a href="www.example.com"><p>some text</p></a></div>'';
});
Lo intenté en mis navegadores web, funciona.