如何顯示防盜鏈的外站圖片
鄭重警告：本文止於技術研究，請勿在自己的生產環境使用他人圖片資源。 通常在開發測試環節，一些資源圖片會出現防盜鏈的錯誤提示，本文就通過前端基礎技術，實現基本的圖片跨站顯示效果。 防盜鏈的原理： 服務端通過請求頭的request.headers.referer來判斷是否是自己資源白名單的請求來源。 如果referer=null,則無法判斷來源，會正常顯示圖片。 所以基於以上理論，可以給圖片創
昵称 jsoncode
@iframe
动态 列表
IFrame跨域通訊的幾種方法
在項目中遇到頁面中嵌入IFrame（主頁面和框架頁為不同域名）時，由於同源策略，主頁面和IFrame內頁無法通訊的問題。 同源策略是一個很重要的安全理念，它在保證數據的安全性方面有着重要的意義。同源策略規定跨域之間的腳本是隔離的，一個域的腳本不能訪問和操作另外一個域的絕大部分屬性和方法。那怎樣是相同的域呢？當兩個域具有相同的協議(如http), 相同的端口(如80)，相同的host（如www.ex
昵称 Even
JSONP原理及JQUERY JSONP的使用
JSONP原理 JSON和JSONP JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。對於JSON大家應該是很瞭解了吧，不是很清楚的朋友可以去json.org上了解下，簡單易懂。 JSONP是JSON with Padding的略稱。它是一個非官方的協議，它允許在服務器端集成Scripttags返回至客户端，通過javascriptcallbac
昵称 zhoutao
postMessage踩坑實踐
前言 在低代碼編輯器中進行頁面預覽常常不得不用到iframe進行外鏈的url引入，這就涉及到了預覽頁面與編輯器頁面數據通信傳值的問題，常常用到的方案就是postMessage傳值，而postMessage本身在eventloop中也是一個宏任務，就會涉及到瀏覽器消息隊列處理的問題，本文旨在針對項目中的postMessage的相關踩坑實踐進行總結，也為想要使用postMessage傳遞數據的童鞋提供
昵称 維李設論
iframe跨域的幾種常用方法
在開發日常中，會遇到使用iframe嵌套其他頁面，想要與嵌套頁面進行交互，常常會涉及到跨域問題，何為跨域？這涉及到同源策略，即協議、端口、域名相同則為同源 違反了同源策略就會出現跨域問題，主要表現為以下三方面： 1.無法讀取cookie、localStorage、indexDB 2.DOM無法獲得 3.ajax請求無法發送 解決方法 一、設置domain 前提條件：這兩個域名必須
昵称 mosquito
postMessage
此方法可以用於實現跨源通信等，我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面：page1.html和page2.html， 他們的關係是通過iframe關聯起來的，就像這樣（下面是page1.html的內容）： iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信，首先你需要
昵称 zxl20070701