javascript - 动态更改android webView中的HTML元素

标签 javascript android jquery android-webview

我知道这个问题很常见,可以使用 here 解决- JS 或 JQuery 和 here - 如何在 Android 上运行它。好吧,这种方法工作正常,但是当我们调用时:

`myWebView.loadUrl("javascript:document.body.innerHTML = document.body.innerHTML.replace('link1', 'link2')");`

图像 link1 正在随 link2 发生变化,图像正在加载但页面已重新启动,所以如果我在最后,我将要开始...我可以实时将 link1 更改为 link2,而不是重新加载页面就像在真实的浏览器中一样?

我还尝试在我的 html 文件中设置 id,例如:

<img src="https://link1.jpg" id="dm5kode"/>

并在 Android 上运行:

myWebView.loadUrl("javascript:document.getElementById('dm5kode').src = 'link2'");

这里我什么也得不到,只有空屏幕...

最佳答案

这不是重新加载页面。

"javascript:(
         function()
         {
            document.body.innerHTML = document.body.innerHTML.replace('link1', 'link2')
         })()"

例子:

   WebView wb;
    wb = (WebView) findViewById(R.id.webView1); 
    wb.loadUrl("file:///android_asset/web1.html");
    wb.getSettings().setJavaScriptEnabled(true);

    wb.setWebViewClient(new WebViewClient() {

        @Override
        public void onPageFinished(WebView web, String url) {
            // TODO Auto-generated method stub
            String uname = "email@mail.com";
            String pass = "******";
            /*
             * web.loadUrl(
             * "javascript:(function(){document.getElementById('email').value='"
             * + uname +
             * "';document.getElementById('pass').value='" +
             * pass + "';})()");
             */
            String link1 = "https://www.gstatic.com/webp/gallery3/1.png";
            String link2 = "https://www.gstatic.com/webp/gallery3/2.png";
            web.loadUrl("javascript:(function(){document.body.innerHTML = document.body.innerHTML.replace('" + link1+"', '" + link2+"')})()");
        }
    });

web1.html

  <!DOCTYPE html>
  <html>
  <head>
      <title>dynamic Image</title>  
  </head>

  <body>

 <img src="https://www.gstatic.com/webp/gallery3/1.png" id="dm5kode"/>

 </body>
 </html>

关于javascript - 动态更改android webView中的HTML元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32601885/

相关文章:

java - 列表未显示在屏幕上(Android Studio、Firebase)

javascript - 克隆斑马日期选择器移动图标

url - 使用JQuery获取Twitter个人资料图片网址

javascript - 删除特定 div 类中的 <br>

php - Facebook 点赞按钮 - 在 ebay 页面上?

javascript - 为什么 OR 0 在 Javascript 中舍入数字?

javascript - 如何在 JavaScript 中同步 API 响应?

java - 如何在扩展Application类的类中的静态方法中调用getApplicationContext?

javascript - 使用 jquery .css() 属性根据浏览器大小动态清除绝对定位的 div

android - 如何使用 LiveData 和 ViewModel 类将数据从 Activity 发送到 Fragment