解决html某标签不断重新生成,而不在原区域更新的问题

2018-12-20  本文已影响0人  iTsung

问题描述:

在js生成二维码时候,每改变一次二维码内容,生成新的二维码,但是每次都在页面新的区域生成;要实现在页面同一区域更新二维码,

div的innerHTML置为空即可,下面有2类方法可以实现:

假设有如下的html片段:

1<divid="test">这是要删除的内容,还要保留test本身</div>

原生js方法

document.getElementById('test').innerHTML = '';

jQuery法

1、$('#test').empty();//jQuery方法一

2、$('#test').html('');//jQuery方法二

在每次调用生成二维码方法时候,清除内容即可。

另外:

加载本地h5页面方法

 加载assets目录下的HTML页面:

加载assets目录的页面,大多数可以用来做页面数据的存储打包,这样可以访问 离线文件,不用去进行网络请求,可以减少用户数据流量的使用

示例代码如下:

//加载assets目录文件webView.loadUrl("file:///android_asset/staticHtml.html");

在这里面,解释一下引号里面每个字段的意思和作用:

  file字段,表示读取本地文件,不读取网络文件。

  android_asset表示读取当前应用的assets目录下的文件

  staticHtml.html表示assets目录下的HTML页面

  webView.setWebViewClient(new WebViewClient());

  webView.getSettings().setJavaScriptEnabled(true);//支持js

   webView.getSettings().setSupportZoom(true);//支持缩放

//  webView.loadUrl(url);  //加载网络链接

//加载assets目录文件

    webView.loadUrl("file:///android_asset/qrcodelogo.html");

上一篇下一篇

猜你喜欢

热点阅读