瀏覽器跨域獲取Lrc歌詞數據的解決辦法

來源：懂視網責編：小采時間：2020-11-27 22:52:42

瀏覽器跨域獲取Lrc歌詞數據的解決辦法

瀏覽器跨域獲取Lrc歌詞數據的解決辦法:獲取同一個域的數據，可以通過XMLHTTP組件或IFRAME來實現，不存在跨域訪問的權限問題，因此比較簡單。但如果要訪問不同域的數據時，由于瀏覽器的安全設置，XMLHTTP沒有權限獲取數據，而IFRAME沒有權限將獲取的數據傳遞給父窗口，似乎沒有其它解決辦法。

推薦度：

點擊下載本文 文檔為doc格式

導讀瀏覽器跨域獲取Lrc歌詞數據的解決辦法:獲取同一個域的數據，可以通過XMLHTTP組件或IFRAME來實現，不存在跨域訪問的權限問題，因此比較簡單。但如果要訪問不同域的數據時，由于瀏覽器的安全設置，XMLHTTP沒有權限獲取數據，而IFRAME沒有權限將獲取的數據傳遞給父窗口，似乎沒有其它解決辦法。

獲取同一個域的數據，可以通過XMLHTTP組件或IFRAME來實現，不存在跨域訪問的權限問題，因此比較簡單。
但如果要訪問不同域的數據時，由于瀏覽器的安全設置，XMLHTTP沒有權限獲取數據，而IFRAME沒有權限將獲取的數據傳遞給父窗口，似乎沒有其它解決辦法。

頓悟……
網頁內引用不同域的腳本并不會提示權限不足，對了，就是它沒錯！

解決方法找到了，現在來簡單測試一下：

首先在51js.com服務器上新建一頁面（Test.html）。

<html> <head> <title> Over-Domain Data Fetching Test Page</title> </head> <body> <button onclick="loadScript('http://aboutplayer.com/alert.js')">Test Alert</button> <button onclick="loadScript('http://aboutplayer.com/info.js')">Get My Info</button> My Name: <input id="myname" type="text" value=""> My Blog: <input id="myblog" type="text" value=""> </body> </html>
[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

    解釋兩個關鍵點：
    1. lastScript用于存放上次建立的script節點的ID，在下次要再新建script節點時，要刪除上次建立的節點，以免加載的腳本越來越多，占用過多的內存。
    2. url后面加了一個數值d是為了防止瀏覽器緩存腳本數據，在本例中可以不加，但是如果腳本是由服務器動態生成的，那最好加上。

然后再建立兩個java script腳本用于測試。

alert.js：
alert('You can see me!');
info.js：
g('myname').value='譜樂視聽';
g('myblog').value='www.aboutplayer.com';

好了，譜樂已把它們放在aboutplayer.com服務器下，這樣它們和Test.html就不在同一個域內了。

    用瀏覽器打開Test.html文件。
    點擊“Test Alert”，應該會彈出對話框顯示You can see me!。
    點擊“Get My Info”，應該會在文本框中顯示本站的信息。

進而，若把Lrc歌詞數據放入Js腳本文件中(不是直接更改文件擴展名)，就可實現跨域獲取Lrc歌詞數據了。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com