繁体   English   中英

如何在Jquery中访问变量并在另一个外部.js文件中使用它的值? 变量为$ generationP

[英]How can I access a variable in Jquery and use its value in another external .js file ? The variable is $generatedP

我需要在其他.js文件中访问$ generateP中的值并显示它

  $(document).ready(function() { var $buttonValue = $(".value_generate"); var $divValue = $(".generated_value"); var $generatedP = $(".generated_p"); var $valueInput2 = $(".value_input_2"); var $submitPages2 = $(".submit_pages_2"); function valueGenerator(value) { var valueString=""; var lettersNumbers = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"; for(var i = 0; i < value; i++) valueString += lettersNumbers.charAt(Math.floor(Math.random()* lettersNumbers.length)); return valueString; }//generate string $buttonValue.click(function generate() { var $key = valueGenerator(12); $generatedP.html($key);//display generated string }); $submitPages2.click(function() { if($valueInput2.val() == $generatedP.text() ){ alert("you are logged in website"); } else { alert("please check again the value"); return false; }//check value if true/false }); 
我是jquery新手

您有几种选择。

在jQuery对象内创建一个名称空间:

$.myGlobalNamespace = {};
$.myGlobalNamespace.generatedPvalue = "something";

在窗口级别定义一个对象:

window.myGlobalNamespace = {};
window.myGlobalNamespace.generatedPvalue = "something";

只要确保对名称空间对象使用一个合理的名称即可。

您可以使用localStorage改进客户端检查的行为,也可以只使用sessionStorage 变量$ generationP将在page1page2中可用。 希望能帮助到你!

第1页:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>

 <script type = "text/javascript">

 $(document).ready(function(){
 var $generatedP = "27.23.10";
 sessionStorage.setItem('myVar', $generatedP);
 window.location.href = "page2.html";
});
</script>
</body>
</html>

第2页:只需使用getItem方法即可访问变量,仅此而已

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
 var data = sessionStorage.getItem('myVar');
 alert(data);
</script>

</body>
</html>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM