img標籤src屬性值中http協議和https協議的區別

問題：今天給站點配置了證書以後，打開頁面發現頁面顯示異常，同時提示該頁面不安全，右上角提示js和圖片等資源被攔截，最初覺得是證書的問題，反覆查看證書配置問題發現證書配置是正常的，以下圖所示：

分析：提示https頁面包含http資源，查看頁面源代碼，發現確實有不少src或者href屬性引用的url都是http協議的。

緣由：當HTTPS網頁中被引入了HTTP協議的不安全元素，如：圖片、js、css文件、音頻、視頻、Flash資源、CSS中引用的HTTP圖片、js腳本寫入的不安全元素等等，默認就會被瀏覽器攔截。若是強制載入，則會出現下列不安全提示:

問題解決：

一、將頁面中全部http協議改成https協議，這樣的話，引用https協議的url不影響http的訪問，可是引用http協議的url回影響https的訪問。

二、全部引用url的地址，都不指定所使用的協議，例如  src="//www.baidu.com"。這樣既不影響http的訪問，也不影響https的訪問。