mui.init(); //mui加载完成事件 mui.plusReady(function() { ..._如何实现手机输入数居电脑通过web显示数字">
当前位置:   article > 正文

手机显示数据的原理:手机通过WebView控件显示网页数据_如何实现手机输入数居电脑通过web显示数字

如何实现手机输入数居电脑通过web显示数字

WebView控件是用于显示网页的,手机根据网页创建一个WebView,之后显示出来,所以显示WebView网页是通过WebView控件显示的。

 

 

  1. <script type="text/javascript" charset="utf-8">
  2. mui.init();
  3. //mui加载完成事件
  4. mui.plusReady(function() {
  5. //定义子页面的数组
  6. var subPages = ["sub1.html", "sub2.html", "sub3.html", "sub4.html"];
  7. //定义子页面显示位置样式
  8. var subPageStyle = {
  9. top: "44px",//距离头部的距离
  10. bottom: "50px"//距离底部的距离
  11. }
  12. //获取主的webview
  13. var mainView = plus.webview.currentWebview();
  14. //遍历子页面数组,更具每个子页面url创建webview
  15. for(var i = 0; i < subPages.length; i++) {
  16. var url = subPages[i];
  17. //创建webview语法plus.webview.create(url,id,style);返回webview對象
  18. //參數1:url,用於指定将哪个web页面创建为webview,
  19. //参数2:id,给每个web页面七个标识符,用于后面控制显示
  20. //参数3:style,设置样式
  21. var subView = plus.webview.create(url, url, subPageStyle)
  22. //默认设置每个子webview处于隐藏状态
  23. subView.hide();
  24. //为了主子webview同时显示,需要将每个子webview加入到主webview中
  25. mainView.append(subView);
  26. }
  27. //默认设置sub1.html子页面显示
  28. plus.webview.show(subPages[0])
  29. })
  30. </script>

 

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号