ios webview与JS的交互
2013-06-24 19:55
393 查看
最近写了一个与JS交互的程序,了解了下HTML ,HTML DOM,JS相关的知识
1.什么是 DOM?
通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西,JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口,连同对 HTML 元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。
在 1998 年,W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。
所有的浏览器都执行了这个标准,因此,DOM 的兼容性问题也几乎难觅踪影了。
DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。
DOM 被分为不同的部分(核心、XML及HTML)和级别(DOM Level 1/2/3):
Core DOM定义了一套标准的针对任何结构化文档的对象XML DOM定义了一套标准的针对 XML 文档的对象HTML DOM定义了一套标准的针对 HTML 文档的对象。
2.通过DOM,访问HTML文档中的节点
getElementById() 和 getElementsByTagName()
getElementById() 和 getElementsByTagName() 这两种方法,可查找整个 HTML 文档中的任何 HTML 元素。3.IOS中webview与JS交互的代码
[webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');" "script.type = 'text/javascript';" "script.text = \"function myFunction() { " "var field = document.getElementsByName('word')[0];" "field.value='测试';" "document.forms[0].submit();" "}\";" "document.getElementsByTagName('head')[0].appendChild(script);"]; [webView stringByEvaluatingJavaScriptFromString:@"myFunction();"];
上面的代码是把JS代码写入到html网页中,然后执行函数,实现JS中的功能。
通过 stringByEvaluatingJavaScriptFromString 函数,可以实现webview强大的交互功能
4.整合了HTML、HTML DOM、JS、IOS 这四块的知识,JS需要重点加强
5.资料来源:
5.1 HTML知识: http://www.w3school.com.cn/h.asp
5.2 HTML DOM 知识:http://www.w3school.com.cn/htmldom/index.asp
相关文章推荐
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- iOS webView与本地js的交互
- ios与js交互获取webview元素和赋值
- js与ios交互,使用WebViewJavascriptBridge三方库
- iOS原生代码通过webView与js脚本交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- iOS解析---WebView和js交互原理
- ios WKWebView 与 JS 交互实战技巧
- IOS中UIWebView、WKWebView之JS交互
- iOS-js与iOS的交互(基于WKWebViewJavascriptBridge第三方)
- ios下OC与JS交互之WKWebView
- iOS用WKWebView与JS交互获取系统图片及WKWebView的Alert,Confirm,TextInput的监听代理方法使用,屏蔽WebView的可选菜单
- iOS webview 和 js 交互
- [iOS] 使用WebViewJavascriptBridge实现OC与JS交互
- iOS WebView中的JS交互
- ios WKWebView 与 JS 交互实战技巧
- android IOS在WebView 和 JS 交互对比
- iOS 基于JavaScriptCore 不等webView加载完毕就交互,网页获取原生内容。 webView的高级用法之JS交互,js与oc的相互调用
- iOS和JS交互教程之WKWebView-协议拦截详解
- ios与js交互,获取webview完整url,title,获取元素并赋值跳转