iOS-HTML交互学习笔记(六)-往网页中添加内容

实现目标

  • 在webView中添加内容,如:在webView的底部添加图片

实现方案(两种方式)

  • 通过webView代理

通过webView代理方法webViewDidFinishLoad来实现,实现原理通过JavaScript来实现,比较少用

func webViewDidFinishLoad(webView: UIWebView) {
    
}
  • 通过js来实现

在newsDetail.js文件中实现,

// 第二种方法:网页尾部加入一张图片
var img = document.createElement('img');
img.src = 'http://upload-images.jianshu.io/upload_images/1290061-f554fa86a3cbd60c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240';
document.body.appendChild(img);

最终newsDetail.js文件为,

iOS-HTML交互学习笔记(六)-往网页中添加内容_第1张图片
newsDetail.js文件.png

最终效果,底部会有新添加的图片,

底部出现添加图片.gif
  • JC正则匹配,不了解....

你可能感兴趣的:(iOS-HTML交互学习笔记(六)-往网页中添加内容)