Javascript 刷新页面后的document.ready（）（使用不同的参数）

我有'index.php'文件，该文件包含如下JavaScript代码

$( "#button1" ).mouseup(function() {
    temp = 1;
    vol = 2;
    if (temp != 0 && vol != 0){
        window.location.href = "index.php?temp=" + temp + "&vol=" + vol;
        return;
    }
});

由于这段代码，页面现在重定向到

http://localhost/index.php?temp=1&vol=2

我想检查documnet.ready（）函数（或任何地方）中的url参数，因为我必须在某处使用temp&vol值

但问题是document.ready（）函数不执行。我还尝试了window.load（）函数

有什么想法吗

加成

基本上，它将检查名为“temp”和“vol”的参数。如果这些参数存在，则显示块的决定将更改

注意，我还尝试了$（document）.ready（function（））

增补2

增补3

解释整个代码的目的是..
1） 用户更改数值（温度和体积）
2） 当点击“提交”时，它调用上面的$（“#button1”）.mouseup（function（））JavaScript函数。
3） 在mouseup（）函数中，我需要使用两个参数（temp和vol）调用PHP函数

---

PHP不允许我使用JavaScript值，因此我尝试使用param重新加载页面，并希望使用param值调用PHP函数。但是，问题是document.ready（）或window.load（）函数没有执行。

它应该是

$（document.ready（）

，不是吗？浏览器控制台中有错误吗？。。。另外，如果您忘记在代码中包含

jquery.js

，请与我们分享您的就绪功能。使用

文档显示您的代码。准备好了。

。是的，语法很好$（文档）.ready（）&$（窗口）.load。。我为您的信息添加了更多代码@Sadikhasan jquery.js应该在那里，因为$（“#button1”）。mouseup（function（））正在工作？

$( window ).load(function() {
    var temp = getQueryVariable("temp");
    var vol = getQueryVariable("vol");
    if (temp != 0 && vol != 0){         
        $("#section1").css("display","block");      
        $("#section2").css("display","none");                   
    }
});

function getQueryVariable(variable)
{
   var query = window.location.search.substring(1);
   var vars = query.split("&");
   for (var i=0;i<vars.length;i++) {
           var pair = vars[i].split("=");
           if(pair[0] == variable){return pair[1];}
   }
   return(false);
}

https://css-tricks.com/snippets/javascript/get-url-variables/