webview简介（一）

初次使用webview&＃xff0c;有很多地方不懂的&＃xff0c;在此做下记录&＃xff0c;留待以后学习&＃xff01;

　　以前没有接触过APP开发&＃xff0c;对webview一直懵懵懂懂&＃xff0c;也不敢使用。这次逼不得已必须要去使用就认真的学习了下&＃xff0c;发现也并不是很难理解。

　　在Html5plus的官方文档中关于webview的方法并不多&＃xff0c;共有如下几个

　　all　　　　获取所有webview窗口

　　close　　  关闭webview窗口

　　create　　创建新的webview窗口

　　currentWebview　　获取当前窗口的webviewObject对象&＃xff08;这个对象很重要&＃xff01;&＃xff01;&＃xff09;

　　getWebviewById　　查找指定表示的webviewObject窗口

　　hide　　　　隐藏webview窗口

　　open　　　  创建并打开webview窗口

　　show　　    显示webview窗口

关于方法的介绍在此不做赘述&＃xff0c;文档中写的比较清楚&＃xff0c;主要通过本人的两个小测试程序来讲解&＃xff0c;代码如下

此为index.html 是应用进入的第一个页面

此为test.html

当进入应用时&＃xff0c;如果点击“显示test”是不会有效果的&＃xff0c;因为我们还没有创建test窗口&＃xff0c;我们需要利用create()方法创建并用show()方法显示出来。open()方法类似于同时执行create()和show()。我们在创建test窗口时传递了一个额外的参数"myVar"&＃xff0c;通过这种方式以后可以很容易的在窗口之间传递参数而不需要通过get方式来传递。

创建并显示test窗口后会依次alert出首页的窗口url&＃xff08;感觉首页的窗口与通过plus.webview.getWebviewById( plus.runtime.appid )获得的应用入口窗口应该是指的同一个窗口&＃xff0c;至少我测试是一样的&＃xff09;&＃xff0c;当前窗口对象&＃xff08;即test窗口&＃xff09;&＃xff0c;以及通过在index窗口通过create传递过来的myVar&＃xff0c;然后就是所有窗口的输出&＃xff0c;第一个窗口是indx窗口&＃xff0c;然后再是test窗口。最后调用hide()方法隐藏test窗口&＃xff0c;当test窗口被隐藏后&＃xff0c;在其下面的index窗口就显现出来的。新建并显示一个窗口类似于在一张纸上盖上另外一张纸&＃xff0c;会遮住一开始的那张纸&＃xff0c;我们只能看到新的那张放在上面的纸。而当我们把上面的值拿开&＃xff08;隐藏&＃xff09;后&＃xff0c;原来的那张纸就又出现了。当我们第二次来到index窗口时再点击“显示test”就会再次显示出test窗口&＃xff0c;这就相当于我们又把第二张纸盖在了第一张纸上面&＃xff0c;第一张纸又被隐藏了。但是注意&＃xff0c;此时test窗口中的代码并不会再执行一次&＃xff0c;因为在我们创建并显示test窗口时&＃xff0c;这些代码已经执行过了&＃xff0c;我们隐藏和显示test窗口并不是关闭它&＃xff0c;只是暂时把它“拿开”了&＃xff01;还有一点很重要的是&＃xff1a;一个静态页可以创建多个窗口&＃xff01;个人认为静态页与窗口的关系是一对多的关系。