因此可以根据这个原理做出一些效果，例如

<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 id="fuck"></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 id="fuck"></div>
    </body>
</html>

页可以进行文本的替换。读者在实践中便会明白。js变量的生存周期是在页面加载完成到再次刷新之前的这一整个时间内。

javascript 在页面不刷新的情况下 其中的变量时不会被初始化的的更多相关文章

  1. 仿联想商城laravel实战---3、前端页面搭建（什么情况下需要路由接参数）

    仿联想商城laravel实战---3.前端页面搭建(什么情况下需要路由接参数) 一.总结 一句话总结: 比如访问课程的时候,不同的课程(比如云知梦),比如访问不同的商品,比如访问不同的分类 //商品详 ...

  2. JavaScript实现页面无刷新让时间走动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  3. 四、angularjs 如何在页面没有登录的情况下阻止用户通过更改url进入页面--$stateChangeStart

    有时候用户没有登录或者在某些情况下你是不希望用户进入页面,但是angular的路由机制可以让用户直接通过更改Url进入页面,如何处理这一问题呢? ——监控路由转换机制 $stateChangeStar ...

  4. jQuery使用ajaxSubmit()提交表单（在不希望页面跳转的情况下）

    原文:http://www.jb51.net/article/48728.htm ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先 ...

  5. 标签button：点击button按钮时，出现了页面自动刷新的情况

    原html: <button class="btn btn-primary" id="btnSubmit" name="btnSubmit&qu ...

  6. 通过JavaScript让页面只刷新一次

    1.充分利用地址栏可带参数的选项,用脚本来取得页面间的传递参数,并不需要后台程序的支持. 2.函数名 function reurl(){ url = location.href; //把当前页面的地址 ...

  7. 关于页面中css某些情况下出现不知原因的隔断解决办法

    第一种方法:body{margin:0px;padding:0px position:absolute; top:0px;left:0px;} html{ width:100%; overflow-x ...

  8. iOS Autolayout情况下，ViewController嵌套时，childViewController的Frame异常问题

    近期项目中,使用Storyboard.AutoLayout开发,某个ViewController中嵌套了多个子ViewController,结果在将其加入到父ViewController时,出现坐标异 ...

  9. windows下配置环境变量时，在cmd窗口执行配置的命令时无效的原因

    一个原因肯定就是配置错误,这个就要自己仔细去检查了,如果确信配置正确,可能是你的cmd窗口在环境变量配置之前就打开的,在配置好环境变量之后,在cmd窗口执行命令是看不到效果的,可以关掉cmd窗口再重新 ...

随机推荐

  1. Js 类继承 extends

    html 及 js 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...

  2. [原]greenplum安装详细过程

    今天又帮其他项目装了一遍GP,加上之前的两次,这是第三次了,虽然每次都有记录,但这次安装还是发现漏写了一些步骤,在此详细记录一下,需要的童鞋可以借鉴. 1.准备 这里准备了4台服务器,1台做maste ...

  3. Jquery 动态交换两个div位置并添加Css动画效果

    前端网页开发中我们经常会遇到需要动态置换两个DIV元素的位置,常见的思路大多是不考虑原始位置,直接采用append或者appendTo方式将两元素进行添加,该法未考虑原始位置,仅会添加为元素的最后一子 ...

  4. inode节点使用率过大处理

    当发现某个分区下的inode使用率过大时,需要找到该分区下的某些目录里有哪些文件可以清理. 查找某个目录下一个月或两个月之前的文件,然后删除# find . -type f -mtime +30 |w ...

  5. Spark操作MySQL，Hive并写入MySQL数据库

    最近一个项目,需要操作近70亿数据进行统计分析.如果存入MySQL,很难读取如此大的数据,即使使用搜索引擎,也是非常慢.经过调研决定借助我们公司大数据平台结合Spark技术完成这么大数据量的统计分析. ...

  6. vector 踩过的坑

    今天,做LeetCode上的一道题,198题:Rob House,在纸上画了画,发现了重复的结构,就使用了递归的方式实现的 #include<iostream> #include<v ...

  7. 「JSOI2010」排名

    「JSOI2010」排名 传送门 看到先后顺序限制和字典序,很容易想到拓扑排序 + 贪心. 考虑具体做法: 对于第一问: 我们开一个大根堆来代替队列,然后从大到小构造出各个元素的排名. 我们连边 \( ...

  8. nginx的负载介绍

    指定上游服务器的upstream与server指令 指令介绍 Syntax: upstream name { ... } Default: — Context: http Syntax: server ...

  9. 14 JavaScript Window对象

    Window对象表示一个浏览器窗口或者一个框架. 在客户端JavaScript中,window对象是全局对象,所有的表达式都在当前的环境中计算. Window对象的子对象: JavaScript do ...

  10. 【原】nginx配置文件

    一:下载nginx方式 1.yum install nginx 2.源码安装 二:学习网址 nginx documentation — DevDocs 三:配置文件信息 server { listen ...