一、運(yùn)行的效果圖
1、剛開始的效果
2、運(yùn)行結(jié)束后的效果
二、準(zhǔn)備工作
1、準(zhǔn)備一個(gè)html文件導(dǎo)入到oc工程中
2、jiaohu.html文件的原始內(nèi)容
3、從oc語言中操作.html文件－－－增刪改查
1).查詢操作
var p = document.getElementById('word');
2).刪除操作
NSString*html =@"var p = document.getElementById('word');";
NSString*html2 =@"p.remove();";
[webViewstringByEvaluatingJavaScriptFromString:html];
[webViewstringByEvaluatingJavaScriptFromString:html2];
3).更改操作
NSString*htmlUpdate =@"var change = document.getElementsByClassName('change')[0];"
"change.innerHTML = '更改后的值';";
[webViewstringByEvaluatingJavaScriptFromString:htmlUpdate];
4).插入操作
//插入操作1
//插入操作2
NSString*htmlInsert =@"var img = document.createElement('img');"
"img.src = 'img11.jpg';"
"img.width = '200';"
"img.height = '200';"
"document.body.appendChild(img);";
[webViewstringByEvaluatingJavaScriptFromString:htmlInsert];
三、原始代碼
#import"ViewController.h"
@interfaceViewController()
@property(nonatomic,strong)UIWebView*webView;
@end
@implementationViewController
- (void)viewDidLoad {
[superviewDidLoad];
/**
*加載本地的html5資源
*/
CGFloatx =60;
CGFloaty =60;
CGFloatwidth =self.view.bounds.size.width;
CGFloatheight =self.view.bounds.size.height;
self.title=@"js oc";
self.webView= [[UIWebViewalloc]initWithFrame:CGRectMake(x, y, width, height)];
//遵守UIWebViewDelegate的代理方法
self.webView.delegate=self;
//加載html的第一種方法
NSURL*url = [[NSBundlemainBundle]URLForResource:@"jiaohu"withExtension:@"html"];
NSURLRequest*request = [NSURLRequestrequestWithURL:url];
[self.webViewloadRequest:request];
[self.viewaddSubview:self.webView];
//加載html的第二種方法
//??? NSString *path = [[[NSBundle mainBundle] bundlePath]stringByAppendingPathComponent:@"jiaohu.html"];
//??? NSURL *url = [[NSURL alloc]initWithString:path];
//??? NSURLRequest *request = [NSURLRequest requestWithURL:url];
//??? [self.webView loadRequest:request];
//??? [self.view addSubview:self.webView];
}
#pragma mark - UIWebViewDelegate
- (void)webViewDidFinishLoad:(UIWebView*)webView{
//刪除操作
NSString*html =@"var p = document.getElementById('word');";
NSString*html2 =@"p.remove();";
[webViewstringByEvaluatingJavaScriptFromString:html];
[webViewstringByEvaluatingJavaScriptFromString:html2];
//更改操作
NSString*htmlUpdate =@"var change = document.getElementsByClassName('change')[0];"
"change.innerHTML = '更改后的值';";
[webViewstringByEvaluatingJavaScriptFromString:htmlUpdate];
//插入操作
}
@end
