PhoneGap中文网

标题: ios phonegap的window.unload不执行 [打印本页]
作者: 每天成长一点点    时间: 2015-10-26 11:48
标题: ios phonegap的window.unload不执行
本帖最后由 每天成长一点点 于 2015-10-26 11:55 编辑

<html>
    <head>
        <!--
        Customize this policy to fit your own app's needs. For more guidance, see:
            https://github.com/apache/cordova-plugin-whitelist/blob/master/README.md#content-security-policy
        Some notes:
            * gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
            * https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
            * Disables use of inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
                * Enable inline JS: add 'unsafe-inline' to default-src
        -->
        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
        <meta name="format-detection" content="telephone=no">
        <meta name="msapplication-tap-highlight" content="no">
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
        <meta http-equiv='Content-Type' Content="text/html;charset=utf-8"/>
        <link rel="stylesheet" type="text/css" href="css/index.css">
        <link rel="stylesheet" Type="text/css" href="css/mainView.css">
        <title>Hello World</title>
        <script type="text/javascript" charset="utf-8" language="javascript" src="cordova.js"></script>
    </head>
    <body>
    <div class="mainView" onclick='event.cancelBubble=true'>
        </br>
        <button>按钮</button></br>
        <button>按钮1</button>
    </div>

    </body>
    <script type="text/javascript">
        window.onload = inOpen;
        function inOpen(){
            console.warn("11111111111111++++++");
        }
    </script>      
</html>
界面可以显示两个按钮 但是却不执行window.load 按钮的函数也执行不了
代码放到webStorm就可以执行

作者: admin    时间: 2015-10-26 20:41
Phonegap的deviceready事件
该事件是在 PhoneGap 载入完成后 发生的事件


相当于程序的入口功能

如下 onDeviceReady 函数

  1. document.addEventListener("deviceready", yourCallbackFunction, false);
复制代码



简单例子:

  1. document.addEventListener("deviceready", onDeviceReady, false);
  2. function onDeviceReady() {   
  3. // Now safe to use device APIs

  5. }
复制代码



完整例子:

  2. <!DOCTYPE html>
  3. <html>  
  4. <head>   
  5.   <title>Device Ready Example</title>   
  6.   <script type="text/javascript" charset="utf-8" src="cordova.js"></script>   
  7.   <script type="text/javascript" charset="utf-8">   
  8. // Wait for device API libraries to load    //   
  9. function onLoad() {        
  10.   document.addEventListener("deviceready", onDeviceReady, false);   
  11.   }    // device APIs are available    //   
  12.   function onDeviceReady() {        
  13.     // Now safe to use device APIs   

  15.   }   
  16. </script>  
  17. </head>  
  18. <body onload="onLoad()">  
  19. </body>
  20. </html>
复制代码


作者: 每天成长一点点    时间: 2015-10-27 11:05
admin 发表于 2015-10-26 20:41
Phonegap的deviceready事件
该事件是在 PhoneGap 载入完成后 发生的事件

谢谢 已经解决了
作者: 每天成长一点点    时间: 2015-10-27 11:06
admin 发表于 2015-10-26 20:41
Phonegap的deviceready事件
该事件是在 PhoneGap 载入完成后 发生的事件

谢谢 解决了



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2