在日常的網(wǎng)頁開發(fā)中，我們不可避免地會遇到許多域名相關(guān)的問題。其中，涉及到父域和子域，以及跨域問題是我們需要了解的重點內(nèi)容。本文將主要講解javascript中父域、子域和跨域的相關(guān)知識。 我們先來看看什么是父域和子域。通俗來說，假設(shè)有兩個網(wǎng)站分別為www.example.com和blog.example.com，那么www.example.com就是父域，而blog.example.com就是其子域。以此類推，還可以有更深層次的子域。需要注意的是，不同域名之間是不能夠直接訪問的。 說到跨域，其實就是指在不同域名下的網(wǎng)站進行數(shù)據(jù)通信和交互的一種方式。我們常常會遇到這樣的情況：在一個頁面中通過ajax請求另一個域名下的數(shù)據(jù)。此時就會出現(xiàn)跨域問題。下面我們將通過實例一一說明。 例1：父域和子域之間的交互 假如我們有一個父域為www.example.com，而其子域blog.example.com中的頁面需要獲取父域的cookie，以此來做出不同的交互操作。我們可以采用如下代碼來實現(xiàn)： ``` // 在父域www.example.com中存儲cookie document.cookie = 'name=value;path=/;domain=example.com'; // 在子域blog.example.com中獲取cookie var cookies = document.cookie; console.log(cookies); ``` 在上述代碼中，我們通過在父域存放cookie，然后設(shè)置其有效域為example.com，子域就能夠跨域獲取該cookie了。 例2：跨域的JSONP請求 JSONP是一種比較常用的跨域請求方式。它的實現(xiàn)方式是通過在頁面中動態(tài)創(chuàng)建