Detecta HTTP o HTTPS y luego fuerza HTTPS en JavaScript

¿Hay alguna forma de detectar HTTP o HTTPS y luego forzar el uso de HTTPS con JavaScript?

Tengo algunos códigos para detectar HTTP o HTTPS pero no puedo forzarlo a usar https:.

Estoy usando la propiedad window.location.protocol para establecer lo que sea el sitio para https:luego actualizar la página y, con suerte, volver a cargar una nueva URL https cargada en el navegador.

if (window.location.protocol != "https:") {
   window.location.protocol = "https:";
   window.location.reload();
}

Prueba esto

if (location.protocol !== 'https:') {
    location.replace(`https:${location.href.substring(location.protocol.length)}`);
}

location.href = blahagrega esta redirección al historial del navegador. Si el usuario presiona el botón Atrás, será redirigido a la misma página. Es mejor usarlo location.replaceya que no agrega esta redirección al historial del navegador.

Establecer location.protocol navega a una nueva URL . No es necesario analizar / cortar nada.

if (location.protocol !== "https:") {
  location.protocol = "https:";
}

Firefox 49 tiene un error donde httpsfunciona pero https:no funciona. Se dice que se arreglará en Firefox 54 .

No es una buena idea porque solo redirige temporalmente al usuario a https y el navegador no guarda esta redirección.

Describe la tarea para el servidor web (apache, nginx, etc.) http 301, http 302

¿Qué tal esto?

if (window.location.protocol !== 'https:') {
    window.location = 'https://' + window.location.hostname + window.location.pathname + window.location.hash;
}

Sin embargo, lo ideal sería hacerlo en el lado del servidor.

if (location.protocol == 'http:')
  location.href = location.href.replace(/^http:/, 'https:')

No es una forma de Javascript para responder esto, pero si usa CloudFlare, puede escribir reglas de página que redirijan al usuario mucho más rápido a HTTPS y es gratis. Se ve así en las reglas de la página de CloudFlare:

Tu puedes hacer:

  <script type="text/javascript">        
        if (window.location.protocol != "https:") {
           window.location.protocol = "https";
        }
    </script>

Forma funcional

window.location.protocol === 'http:' && (location.href = location.href.replace(/^http:/, 'https:'));

Debe verificar esto: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Agregue esta metaetiqueta a su index.html dentro de la cabeza

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

Espero que haya ayudado.

Me gustan las respuestas a esta pregunta. Pero para ser creativo, me gustaría compartir una forma más:

<script>if (document.URL.substring(0,5) == "http:") {
            window.location.replace('https:' + document.URL.substring(5));
        }
</script>

<script type="text/javascript">
        function showProtocall() {

            if (window.location.protocol != "https") {
                window.location = "https://" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
                window.location.reload();
            }
        }
        showProtocall();
</script>

Hola, utilicé esta solución funciona perfectamente. No es necesario verificar, solo use https.

<script language="javascript" type="text/javascript">
document.location="https:" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
</script>

Acabo de probar todas las variaciones de script probadas por Pui Cdm , incluí las respuestas anteriores y muchas otras usando php, htaccess, configuración del servidor y Javascript, los resultados son que el script

<script type="text/javascript">        
function showProtocall() {
        if (window.location.protocol != "https") {
            window.location = "https://" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
            window.location.reload();
        }
    }
    showProtocall();
</script> 

proporcionado por vivek-srivastava funciona mejor y puede agregar más seguridad en el script java.