Comment obtenir les paramètres de la barre d'adresse en JS (code)

Le contenu de cet article explique comment obtenir les paramètres (code) de la barre d'adresse en JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Adresse : http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper

Location{
  assign:ƒ (),                 // 加载新的文档。
  hash:"#prosper",              // 设置或返回从井号 (#) 开始的 URL（锚）。
  host:"127.0.0.1:8082",       // 设置或返回主机名和当前 URL 的端口号。
  hostname:"127.0.0.1",          // 设置或返回当前 URL 的主机名。
  href:"http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper",     // 设置或返回完整的 URL。
  origin:"http://127.0.0.1:8082",       // 返回当前 URL 的协议和主机名和当前 URL 的端口号。
  pathname:"/prosperleedir/index.html",            // 设置或返回当前 URL 的路径部分。
  port:"8082",              // 设置或返回当前 URL 的端口号。
  protocol:"http:",           // 设置或返回当前 URL 的协议。
  reload:ƒ reload(),            // 重新加载当前文档。
  replace:ƒ (),              // 用新的文档替换当前文档。
  search:"?id=6666&name=prosper",          // 设置或返回从问号 (?) 开始的 URL（查询部分）。
  toString:ƒ toString(),           // 返回完整的 URL。
}

Chargement Nouvelle documentation.

window.location.assign("http://www.baidu.com");

Remplacez le document actuel par un nouveau.

 window.location.replace("http://www.baidu.com");

Recharger le document actuel.

Si cette méthode ne spécifie pas de paramètres, ou si le paramètre est faux, elle utilisera l'en-tête HTTP If-Modified-Since pour détecter si le document sur le serveur a changé. Si le document a changé, reload() téléchargera à nouveau le document. Si le document n'a pas changé, cette méthode chargera le document depuis le cache. Cela a exactement le même effet que si l'utilisateur cliquait sur le bouton d'actualisation du navigateur.

Si le paramètre de cette méthode est défini sur true, elle contournera le cache et retéléchargera le document depuis le serveur quelle que soit la date de dernière modification du document. Cela a exactement le même effet que si l'utilisateur maintenait la touche Maj enfoncée tout en cliquant sur le bouton d'actualisation du navigateur.

window.location.reload(true);
window.location.reload(false);

Renvoie l'URL complète.

console.log(window.location.toString());

/**
         * [getUrlParam 获取地址栏传参]
         * @param  {[String]} paramname [参数名]
         * @return {[String]}           [参数值]
         */
        function getUrlParam(paramname) {
                    
            var reg = new RegExp("(^|&)" + paramname + "=([^&]*)(&|$)");

            // 查询匹配 substr(1)删除? match()匹配
            var s = window.location.search.substr(1).match(reg);

            if (s != null) {

                return unescape(s[2]); // unescape() 函数可对通过 escape() 编码的字符串进行解码。

            }

            return null;

        }

        // ?id=6666&name=prosper
        getUrlParam('id'); // s的输出为["id=6666&","","6666","&"]
        getUrlParam('name'); // s的输出为["name=prosper","&","prosper",""]

Recommandations associées :

Utilisez javascript pour obtenir les paramètres de la barre d'adresse_javascript conseils

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!