偶然發現了另一種跨域方式，不知道有沒有人這么玩過

NoraXie 發布于2019-08-29 17:05 / 667人閱讀

摘要：眾所周知，利用瀏覽器不限制加載跨域外部資源的特性，使用標簽屬性請求接口，加載數據，在中觸發提前聲明好的函數拿到數據，前端的前輩們這一手操作簡直就是犀利。現代瀏覽器提供了這個，使得通過可以拿到某個元素最終應用的樣式。

眾所周知，jsonp利用瀏覽器不限制加載跨域外部資源的特性，使用script標簽src屬性請求接口，加載數據，在script中觸發提前聲明好的函數拿到數據，前端的前輩們這一手操作簡直就是犀利。

其實實現單向的接口調用使用任何資源標簽都可以實現，關鍵在于如何取到后端傳回的數據實現雙向交互。
現代瀏覽器提供了getComputedStyle這個API，使得通過js可以拿到某個元素最終應用的css樣式。（低版本IE中為currentStyle）。如下所示：

如此一來，我們就可以在css樣式中取得想要的數據文本
1.利用偽類的::after或::before的 { content:"{數據}" } 或者利用 font-family："{數據}"

data.css 代碼
.data-div{
    font-family: "{a:"1"}";
}

2.動態加載css樣式，并監聽其load事件，我這里用的是靜態文件（上邊的data.css），有興趣的可以寫個接口試下。

3.點擊數據標簽，可以看到輸出結果如下：

PS：這個方法和JSONP一樣需要后端配合將數據按一定的規則拼接給前端，其實放到現在并沒什么卵用，現在已經很少有看到用JSONP實現跨域請求的。但是自己玩一玩還是可以的，順便致敬一波JSONP，致敬一波前輩們

云服務器 GPU云服務器 ftp是屬于一種網站發布方式跨域請求方式可能不知道地方你不知道的

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114089.html

偶然發現了另一種跨域方式，不知道有沒有人這么玩過

摘要：眾所周知，利用瀏覽器不限制加載跨域外部資源的特性，使用標簽屬性請求接口，加載數據，在中觸發提前聲明好的函數拿到數據，前端的前輩們這一手操作簡直就是犀利。現代瀏覽器提供了這個，使得通過可以拿到某個元素最終應用的樣式。眾所周知，jsonp利用瀏覽器不限制加載跨域外部資源的特性，使用script標簽src屬性請求接口，加載數據，在script中觸發提前聲明好的函數拿到數據，前端的前輩們這一...

wthee 2019-08-02 11:48 評論0 收藏0
偶然發現了另一種跨域方式，不知道有沒有人這么玩過

摘要：眾所周知，利用瀏覽器不限制加載跨域外部資源的特性，使用標簽屬性請求接口，加載數據，在中觸發提前聲明好的函數拿到數據，前端的前輩們這一手操作簡直就是犀利。現代瀏覽器提供了這個，使得通過可以拿到某個元素最終應用的樣式。眾所周知，jsonp利用瀏覽器不限制加載跨域外部資源的特性，使用script標簽src屬性請求接口，加載數據，在script中觸發提前聲明好的函數拿到數據，前端的前輩們這一...

cooxer 2019-08-23 12:33 評論0 收藏0
總結 XSS 與 CSRF 兩種跨站攻擊

摘要：但最近又聽說了另一種跨站攻擊，于是找了些資料了解了一下，并與放在一起做個比較。腳本中的不速之客全稱跨站腳本，是注入攻擊的一種。 XSS：跨站腳本（Cross-site scripting） CSRF：跨站請求偽造（Cross-site request forgery）在那個年代，大家一般用拼接字符串的方式來構造動態 SQL 語句創建應用，于是 SQL 注入成了很流行的攻擊方式。...

jcc 2019-08-19 17:53 評論0 收藏0
「JavaScript」JS四種跨域方式詳解

摘要：超詳細并且帶的跨域指南來了本文基于你了解的同源策略，并且了解使用跨域跨域的理由。使用方法就是將符合上述條件頁面的設置為同樣的二級域名。這兩個網站都是協議，端口都是，且二級域名都是。超詳細并且帶 Demo 的 JavaScript 跨域指南來了！本文基于你了解 JavaScript 的同源策略，并且了解使用跨域跨域的理由。 1. JSONP 首先要介紹的跨域方法必然是 JSONP。 ...

wangym 2019-08-21 10:38 評論0 收藏0
寫技術博客那點事

摘要：從現在開始，養成寫技術博客的習慣，或許可以在你的職業生涯發揮著不可忽略的作用。如果想了解更多優秀的前端資料，建議收藏下前端英文網站匯總這個網站，收錄了國外一些優質的博客及其視頻資料。前言寫文章是一個短期收益少，長期收益很大的一件事情，人們總是高估短期收益，低估長期收益。往往是很多人堅持不下來，特別是寫文章的初期，剛寫完文章沒有人閱讀會有一種挫敗感，影響了后期創作。從某種意義上說，...

ddongjian0000 2019-08-23 15:12 評論0 收藏0