javascriptによるウェブページ上のURLの変更プロトコル

Question

私たちのページのURLのいくつかはまだhttpであり、サーバー側ではこれを正しく取得できません。 http：//から//またはhttps：//ですべてのURLを書き換えるためのjavascriptコードがありますか？

編集：

T.J.のanwserでテストしてください。 Crowder私はすべての "a href"を置き換えました。私は以下のように画像のURLで異なる多くの場所を持っていたしかし

は：

<header class="category_header init_bg_mobile" data-bg="//test.jpg" data-bg-md="http://test2.jpg" data-bg-xs-2x="http://test.jpg" > 

だから私は彼のanwserとThis anwserのミックスを作りました。

 <script> 

     (function(){ 
     Array.prototype.forEach.call(

     document.body.innerHTML = document.body.innerHTML.replace('http://',  '//'); 

    )(); 

    </script> 

これは今のところトリックです。

サイドノートでは、ページ上に「http：//」という場所が1つずつ変更されるため、これは良い方法ではないと思う。テキストに意図がある場合は書き換えることもできる。しかし、それは今のところトリックです。

Answer 1

ご存知のように、ここで正しい修正プログラムは、このようなスキーム相対 URLを作成するには、理想的には完全にスキームを除去することで、これらのリンクサーバー側を修正することです：

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 

をしかし、あなたはしましたあなたはそれをすることはできないと言った。だから、

：

• あなたは容易にdocument.querySelectorAllを経由して、すべてのaの要素を見つけることができます。
• 結果を簡単にループすることができます。 （setAttributeまたはhrefプロパティ経由）
• ...とgetAttribute（またはhrefプロパティを経由して解決URL）
• を経由して自分のhrefを取得...し、必要に応じて更新します。
• 同様に、scriptおよびlink rel="stylesheet"。

は、ここでのリンクのための簡単な例です：要素は、それが実行されるときのように存在するように

Array.prototype.forEach.call(
    document.querySelectorAll("a[href]"), 
    function(link) { 
     if (link.href.startsWith("http://")) { 
      link.href = "https://" + link.href.substring(7); 
     } 
    } 
); 

はそれが</body>の終わりにscriptタグでありますことを確認してください。

imgために必要に応じて一般化（srcプロパティ）、script（srcプロパティ）、link[rel=stylesheet]（hrefプロパティ）、...（これらのそれぞれがquerySelectorAllで動作する有効なCSSセレクタである。）