如何访问jQuery中的变量并在另一个外部.js文件中使用其值?变量为$生成

我需要在不同的.js文件中访问$生成$内部的值并显示

    $(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 。 page1 和 page2 中的变量$生成P。希望它有帮助！

第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>

相关内容

最新更新

热门标签：