IOS WKWebView与JS的那些事

1、调用HTML中的function

NSMutableString *script = [ NSMutableString string ];
[script appendString : @"function fubu();" ];
[browse evaluateJavaScript :script completionHandler :^( id json, NSError * _Nullable error) {
    NSLog ( @"json is %@,error is %@" ,json,error);

}];

2、JS学习

2.1查找元素

getElementById(根据Id属性查找)： 是查找文档中的一个特定的元素

getElementsByTagName： 返回元素的顺序是它们在文档中的顺序，可以不区分大小写

getElementByClassName： 元素类名，多个类名使用空格分隔

getElementByName (根据Name属性查找)

2.2移除或者添加(JS代码)

2.2.1移除

var e1 = document.getElementById('header');

e1.parentNode.removeChild(e1);或者  e1.remove();

//获取下级html元素

e1.childNode;

//获取上级html元素

e1.parentNode;

//删除当前html元素

e1.removeNode(true);

//删除子级html元素

parE.removeChild(childE);

2.2.2创建添加

var mySpan = document.createElement('span');

document.getElementById('containers').appendChild(mySpan);

mySpan.id = 'message';

mySpan.innerHTML = '<img src='false.jpg’ alt='该用户名输入正确’/>’该用户名输入正确;

2.2.3清空

var e1 = document.getElementById('header');

e1.empty();

2.3控制HTML元素的显示与隐藏

2.3.1页面的位置还被控件占用，显示空白

document.getElementById('EleId’).style.visibility = 'hidden';

document.getElementById('EleId’).style.visibility = 'visible';

2.3.2页面的位置不被占用

document.getElementById('EleId’).style.display = 'none';

document.getElementById('EleId’).style.display = 'inline';