对于不少iOS开发人员来说，HTML5的内容比較陌生。
尤其是UIWebView类的 stringByEvaluatingJavaScriptFromString 方法
让非常多人认为又得学一种新的语言。
而这一部分也是项目中学生常问的问题之中的一个。
本文以Category（类目）的方式扩展了UIWebView类，将一些经常使用的JavaScript操作封装成UIWebView类方法。
最新源码下载地址：https://github.com/duzixi/UIWebView-HTML5（持续维护）
原文首发地址：http://blog.csdn.net/duzixi/article/details/36047201
头文件（UIWebView+HTML5.h）：
//
// UIWebView+HTML5.h
// WebViewJS
//
// Created by 杜子兮(duzixi) on 14-6-30.
// Edited by 杜子兮(duzixi) on 14-7-11. 改动网页图片显示大小
// 加入(jQuery)
// Copyright (c) 2014年 lanou3g.com 蓝鸥. All rights reserved.
// #import <UIKit/UIKit.h> @interface UIWebView (JavaScript) #pragma mark -
#pragma mark 获取网页中的数据 /// 获取某个标签的结点个数
- (int)nodeCountOfTag:(NSString *)tag; /// 获取当前页面URL
- (NSString *) getCurrentURL; /// 获取标题
- (NSString *) getTitle; /// 获取图片
- (NSArray *) getImgs; /// 获取当前页面全部链接
- (NSArray *) getOnClicks; #pragma mark -
#pragma mark 改变网页样式和行为 /// 改变背景颜色
- (void) setBackgroundColor:(UIColor *)color; /// 为全部图片加入点击事件(网页中有些图片加入无效)
- (void) addClickEventOnImg; /// 改变全部图像的宽度
- (void) setImgWidth:(int)size; /// 改变全部图像的高度
- (void) setImgHeight:(int)size; /// 改变指定标签的字体颜色
- (void) setFontColor:(UIColor *) color withTag:(NSString *)tagName; /// 改变指定标签的字体大小
- (void) setFontSize:(int) size withTag:(NSString *)tagName; @end
实现文件（UIWebView+HTML5.m）：
//
// UIWebView+HTML5.m
//
// Created by 杜子兮(duzixi) on 14-6-30.
// Edited by 杜子兮(duzixi) on 14-7-11. 改动网页图片显示大小
// 加入(jQuery)
// Copyright (c) 2014年 lanou3g.com 蓝鸥. All rights reserved.
// #import "UIWebView+HTML5.h"
#import "UIColor+Change.h" @implementation UIWebView (JavaScript) #pragma mark -
#pragma mark 获取网页中的数据 /// 获取某个标签的结点个数
- (int)nodeCountOfTag:(NSString *)tag
{
NSString *jsString = [NSString stringWithFormat:@"document.getElementsByTagName('%@').length", tag];
int len = [[self stringByEvaluatingJavaScriptFromString:jsString] intValue];
return len;
} /// 获取当前页面URL
- (NSString *)getCurrentURL
{
return [self stringByEvaluatingJavaScriptFromString:@"document.location.href"];
} /// 获取标题
- (NSString *)getTitle
{
return [self stringByEvaluatingJavaScriptFromString:@"document.title"];
} /// 获取全部图片链接
- (NSArray *)getImgs
{
NSMutableArray *arrImgURL = [[NSMutableArray alloc] init]; for (int i = 0; i < [self nodeCountOfTag:@"img"]; i++) {
NSString *jsString = [NSString stringWithFormat:@"document.getElementsByTagName('img')[%d].src", i];
[arrImgURL addObject:[self stringByEvaluatingJavaScriptFromString:jsString]];
}
return arrImgURL;
} /// 获取当前页面全部点击链接
- (NSArray *)getOnClicks
{
NSMutableArray *arrOnClicks = [[NSMutableArray alloc] init]; for (int i = 0; i < [self nodeCountOfTag:@"a"]; i++) {
NSString *jsString = [NSString stringWithFormat:@"document.getElementsByTagName('a')[%d].getAttribute('onclick')", i];
NSString *clickString = [self stringByEvaluatingJavaScriptFromString:jsString];
NSLog(@"%@", clickString);
[arrOnClicks addObject:clickString];
}
return arrOnClicks;
} #pragma mark -
#pragma mark 改变网页样式和行为 /// 改变背景颜色
- (void)setBackgroundColor:(UIColor *)color
{
NSString * jsString = [NSString stringWithFormat:@"document.body.style.backgroundColor = '%@'",[color webColorString]];
[self stringByEvaluatingJavaScriptFromString:jsString];
} /// 为全部图片加入点击事件(网页中有些图片加入无效,须要协议方法配合截取)
- (void)addClickEventOnImg
{
for (int i = 0; i < [self nodeCountOfTag:@"img"]; i++) {
//利用重定向获取img.src，为区分，给url加入'img:'前缀
NSString *jsString = [NSString stringWithFormat:
@"document.getElementsByTagName('img')[%d].onclick = \
function() { document.location.href = 'img' + this.src; }",i];
[self stringByEvaluatingJavaScriptFromString:jsString];
}
} /// 改变全部图像的宽度
- (void) setImgWidth:(int)size
{
for (int i = 0; i < [self nodeCountOfTag:@"img"]; i++) {
NSString *jsString = [NSString stringWithFormat:@"document.getElementsByTagName('img')[%d].width = '%d'", i, size];
[self stringByEvaluatingJavaScriptFromString:jsString];
}
} /// 改变全部图像的高度
- (void) setImgHeight:(int)size
{
for (int i = 0; i < [self nodeCountOfTag:@"img"]; i++) {
NSString *jsString = [NSString stringWithFormat:@"document.getElementsByTagName('img')[%d].height = '%d'", i, size];
[self stringByEvaluatingJavaScriptFromString:jsString];
}
} /// 改变指定标签的字体颜色
- (void)setFontColor:(UIColor *)color withTag:(NSString *)tagName
{
NSString *jsString = [NSString stringWithFormat:
@"var nodes = document.getElementsByTagName('%@'); \
for(var i=0;i<nodes.length;i++){\
nodes[i].style.color = '%@';}", tagName, [color webColorString]];
[self stringByEvaluatingJavaScriptFromString:jsString];
} /// 改变指定标签的字体大小
- (void)setFontSize:(int)size withTag:(NSString *)tagName
{
NSString *jsString = [NSString stringWithFormat:
@"var nodes = document.getElementsByTagName('%@'); \
for(var i=0;i<nodes.length;i++){\
nodes[i].style.fontSize = '%dpx';}", tagName, size];
[self stringByEvaluatingJavaScriptFromString:jsString];
}
@end