我希望能够在使用React Native的Webview中加载自定义的HTML。对于简单的HTML,它可以正常工作,但是我无法弄清楚如何将JS文件中的JavaScript加载到Webview中,似乎什么也没有发生。
这是我的Webview:
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} />
);
这里有一个简单的JS文件(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>';
});
我在我的网页浏览器中尝试了它,它可以工作。
myfile.js
文件放在哪里了? - dbanck