[英]How can a pass a variable value from an external JS jQuery file to a function in a html file?
[英]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对象内创建一个名称空间:
$.myGlobalNamespace = {};
$.myGlobalNamespace.generatedPvalue = "something";
在窗口级别定义一个对象:
window.myGlobalNamespace = {};
window.myGlobalNamespace.generatedPvalue = "something";
只要确保对名称空间对象使用一个合理的名称即可。
您可以使用localStorage改进客户端检查的行为,也可以只使用sessionStorage 。 变量$ generationP将在page1和page2中可用。 希望能帮助到你!
第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.