ググったらなんか難しそうな方法が出るけど簡単に条件分岐させれますyo!
httpsとhttpとで、外部の異なるjavaスクリプトを読み込むときや異なるcssファイルを使い分けたい時、分岐させたいときに使えます。
というか、今作成中のサイトでSSLのシール貼るのにそんな感じでjavaのファイルの読み込み先が違ったので。
つーことで以下どうぞ
分からない方だけどうぞ
javascriptの時
たとえば、
1. http://○○.com/ のときはhttp://▲▲.net/hoge.js を使用する
2. https://○○.com/ のときはhttps://▲▲.net/hoge.js を使用する
そのときは以下のような感じです
[sourcecode language=”java”]
<script type="text/javascript">
var javaHost = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Cscript src=’" + javaHost + "▲▲.net/hoge.js’ type=’text/javascript’%3E%3C/script%3E"));
</script>
[/sourcecode]
▲▲.net/hoge.jsの部分は例ですので書き換えて下さい。
cssの時
たとえば、
1. http://○○.com/ のときはhttp://▲▲.net/hoge.css を使用する
2. https://○○.com/ のときはhttps://▲▲.net/hoge.css を使用する
そのときは以下のような感じです
[sourcecode language=”java”]
<script type="text/javascript">
var cssHost = (("https:" == document.location.protocol) ? "https://" : "http://");
document.write(unescape("%3Clink rel=’stylesheet’ href=’" + cssHost + "▲▲.net/hoge.css’ type=’text/css’ /%3E"));
</script>
[/sourcecode]
▲▲.net/hoge.cssの部分は例ですので書き換えて下さい。
意外と色んなとこで使用出来ると思ったのでメモでした。
- Facebook GraphAPI v2.9でいいね・シェア数をPHPで取得して表示 - 2017年9月7日
- phpstormのFilewatcherでautoprefixerを使う方法 - 2017年1月19日
- Custom Field Templateを使用してのプレビューを実装 - 2016年1月14日
- WordPress:WooCommerceを使ってみて分かったこと - 2013年7月5日
- 誰得なプラグイン Ultimate Google Analytics改をひっそりと公開します - 2013年6月4日
- プラグイン『WooCommerce Fields for Japan』を公開しました - 2013年4月21日
- 公式 WordPress.orgプラグインディレクトリでのプラグイン公開のススメ - 2013年4月17日
- WordPress:WooCommerceを日本仕様へと日本語化 - 2013年4月15日
- webクリエイター パソコンを買う。 - 2013年3月16日
- WordPress:『続きを読む』read moreをpタグで囲む - 2013年3月5日
0 comments found
Comments for: httpsとhttpでの条件分岐