javascript 在页面不刷新的情况下 其中的变量时不会被初始化的
因此可以根据这个原理做出一些效果,例如
<html>
<head>
<meta charset="utf-8" />
<style>
div{
width:100px;
height:100px;
border:1px solid red;
}
</style>
<script src="jquery.min.js"></script>
<script>
$(
function ()
{
var v = false;
//jQuery 当鼠标点击了按钮之后执行了click里面的全部代码
$("button[onclick^=Me]").click(
function ()
{
if ( v == false )
{
$("div#fuck").html("我是假的");
v = true;
}
else
{
$("div#fuck").html("我是真的");
v = false;
}
}
);
}
);
</script>
<head>
</head>
<body>
<button onclick="Message();return false;">点我查看</button>
<div ></div>
</body>
</html>
上面的文本会相互替换 我是真的我是假的。如果var v = false; 写在了click里面,那么每次点击按钮执行click事件里面方法的时候,这个变量都会变成 false
因此必须写在外面。
单纯的j代码中也是一样。虽然在不刷新的情况下页面中的变量值是不会发生变化的,但是函数里的代码是要被重复执行的。
下面的js代码页说明了这问题
<html>
<head>
<meta charset="utf-8" />
<style>
div{
width:100px;
height:100px;
border:1px solid red;
}
</style>
<script>
var v = false;
function Message()
{
if ( v == false )
{
alert("我是假的");
v = true;
}
else
{
alert("我是真的");
v = false;
}
}
</script>
<head>
</head>
<body>
<button onclick="Message();return false;">点我查看</button>
<div ></div>
</body>
</html>
页可以进行文本的替换。读者在实践中便会明白。js变量的生存周期是在页面加载完成到再次刷新之前的这一整个时间内。