17、HTML5与PhoneGap：高级技术与原生应用开发

HTML5与PhoneGap：高级技术与原生应用开发

1. 跨域问题与解决方案

1.1 同源策略与问题

同源策略虽然能防止恶意网站获取用户的DOM对象和个人信息，但给开发者带来了不便。例如，不同端口、子域名和域名的URL访问会失败：
| URL | Success | Reason |
| — | — | — |
| http://www.learnhtml5book.com:8080/page2 | Failure | Different port |
| http://www2.learnhtml5book.com/index.php | Failure | Different subdomain |
| http://www.grandviewave.com/index.php | Failure | Different domain |

1.2 绕过同源策略的方法

在文档消息传递之前，有三种主要方法可以绕过同源策略：
- 通过document.domain设置子域名 ：在源域名和替代域名的页面上设置 document.domain 属性，使两个DOM可以共享数据。示例代码如下：

document.domain = "learnhtml5book.com";

• 使用服务器端语言进行代理请求 ：如果网站托管在其他服务器上，可以通过服务器端调用从自己