&&与||的基础
<script type="text/javascript">
    var c = 4||3;
    alert(c);
</script>
弹出的是4；
解释：if(c=4){4}else{3}
<script type="text/javascript">
    var c = 0||3;
    alert(c);
</script>
弹出的是3；

解释：if(c=0){0}else{3}
<script type="text/javascript">
    var c = 4&&3;
    alert(c);
</script>
弹出的是3；
解释：if(c==4){if(c==3{3})}{4}
<script type="text/javascript">
    var c = 0&&3;
    alert(c);
</script>
弹出的是0；
解释：if(c==0){if(c==3{3})}{0}

拖拽效果
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style type="text/css">

        #div1{width: 500px;height: 500px;border: 1px solid black;}

    </style>

    <script type="text/javascript">

        function dragStart(event){

            event.dataTransfer.setData("objectId",event.target.id);

        }

        function dragEnter(event){

        }

        function dragOver(event){

            event.preventDefault();

        }

        function drop(event){

            var objectId = event.dataTransfer.getData("objectId");

            var object = document.getElementById(objectId);

            var divObject = document.getElementById("div1");

            divObject.appendChild(object);

    }

    </script>

</head>

<body>

   <div id="div1" ondragenter="dragEnter(event);" ondragover="dragOver(event);" ondrop="drop(event);"></div>

    <img src="pic.jpg" id="myImage" draggable="true" ondragstart="dragStart(event);">

</body>

</html>

基于类的面向对象js可以模拟面向对象中的继承、封装。

/**

 * Created by ending on 2016/7/22.

 */

//模拟封装

function BaseFunc(){

    //函数可以直接对变量赋值

    //var都是私有的

    var varBF01;

    var varFuncBF1 = function(){

        alert("");

    }

    //公有的

    this.varPubBF2 = "hello varPubBF2";

    this.varPubFunc1 = function(){

        alert("hello varPubFunc1");

    }

    //静态方法

    BaseFunc.staticFunc1 = function(){

        alert("hello staticFunc1");

    }

}

//模拟继承

//继承只继承公有

function SubFunc(){

    BaseFunc.apply(this,arguments);

    this.varPubSF1 = function(){

        alert("hello varPubSF1");

    }

}

基于原型的面向对象通过原型来继承

/**

 * Created by ending on 2016/7/22.

 */

function Animal(){

    this.eat = function(){

        alert("animal eat!!!");

    }

    this.run = function(){

        alert("animal run!!!")

    }

}

function  Dog(){

    this.bark = function(){

        alert("wwww");

    }

}
 <script type="text/javascript">

        var animal = new Animal();

       // animal.eat();

        Dog.prototype = new Animal();

        var wangcai = new Dog();

       // wangcai.bark();

        wangcai.run();

    </script>

培训第五天---JS的更多相关文章

  1. Bootstrap入门（二十五）JS插件2：过渡效果

    Bootstrap入门(二十五)JS插件2:过渡效果 对于简单的过渡效果,只需将 transition.js 和其它 JS 文件一起引入即可.如果你使用的是编译(或压缩)版的bootstrap.js  ...

  2. 五种js判断是否为整数（转）

    五种js判断是否为整数类型方式 作者:snandy 这篇文章主要介绍了五种JavaScript判断是否为整数类型方式,需要的朋友可以参考下   这篇看看如何判断为整数类型(Integer),JavaS ...

  3. Blazor组件自做五 : 使用JS隔离封装Google地图

    Blazor组件自做五: 使用JS隔离封装Google地图 运行截图 演示地址 正式开始 1. 谷歌地图API 谷歌开发文档 开始学习 Maps JavaScript API 的最简单方法是查看一个简 ...

  4. Google V8编程详解（五）JS调用C++

    http://blog.csdn.net/feiyinzilgd/article/details/8453230 最近由于忙着解决个人单身的问题,时隔这么久才更新第五章. 上一章主要讲了Google ...

  5. Dynamic CRM 2013学习笔记（二十五）JS调用web service 实现多条记录复制(克隆)功能

    前面介绍过如何克隆一条当前的记录: Dynamic CRM 2013学习笔记(十四)复制/克隆记录 , 主要是通过界面上加一个字段,单击form上的clone 按钮时,改变这个字段的值以触发插件来实现 ...

  6. JavaScript高级程序设计(五)： js的关键字instanceof和typeof使用

    JavaScript中instanceof和typeof 常用来判断一个变量是否为空,或者是什么类型的.但它们之间还是有区别的: 一.typeof 1.含义:typeof返回一个表达式的数据类型的字符 ...

  7. ERP-非财务人员的财务培训教(五)------资本结构筹划

    一.融资渠道   二.融筹资管理                                 第五部分 资本结构筹划 一.融资渠道 l         银行借款 优点:不影响企业的营运资本,不给企 ...

  8. 第六十五天 js操作

    1.闭包 // 函数的嵌套定义,定义在内部的函数都称之为 闭包 // 1.一个函数要使用另一个函数的局部变量 // 2.闭包会持久化包裹自身的函数的局部变量 // 3.解决循环绑定 function ...

  9. 第十五节 JS面向对象实例及高级

    实例:面向对象的选项卡 把面向过程的程序,改写成面向对象的形式 原则:不能有函数套函数,但可以有全局变量 过程: onload —— 改写成 构造函数,其中window.onload的功能是在页面加载 ...

随机推荐

  1. OpenGL坐标变换及其数学原理，两种摄像机交互模型（附源程序）

    实验平台:win7,VS2010 先上结果截图(文章最后下载程序,解压后直接运行BIN文件夹下的EXE程序): a.鼠标拖拽旋转物体,类似于OGRE中的“OgreBites::CameraStyle: ...

  2. 在ASP.NET MVC中，使用Bundle来打包压缩js和css

    该总结参考博文地址:http://www.cnblogs.com/xwgli/p/3296809.html 1.首先了解Bundle的作用:Bundles用于打包CSS和javascript脚本文件, ...

  3. C++ 中queue（队列）的用法

    #include <iostream>#include <queue>#include <assert.h>/*调用的时候要有头文件: #include<st ...

  4. RadioButtonList的使用

    前台绑定: <asp:RadioButtonList ID="hlBatchYuJi" runat="server" RepeatColumns=&quo ...

  5. NOIP2014提高组解方程

    其实没有太难 但是不知道的话想不到 考场上大概有50分吧 #include <iostream> #include <stdio.h> #include <queue&g ...

  6. jquery/js实现一个网页同时调用多个倒计时(最新的)

    <div class="time countdown_1" data-time="1449429731"> <span class=" ...

  7. Oracle、MySql、SQLServer数据分页查询

    看过此博文后Oracle.MySql.SQLServer 数据分页查询,在根据公司的RegionRes表格做出了 SQLserver的分页查询语句: 别名.字段 FROM( SELECT row_nu ...

  8. c++句柄设计

    句柄,也称为智能指针. 我计算了一下我的时间,以后每14天得读完一本书,才不愧对我买的这么多书.然而我还要抽出时间来谢谢博文.最近读的是c++沉思录,开篇就用了3章来讲述句柄.好了,废话少说,接下来谈 ...

  9. updatepanel 回发或回调参数无效

    不同于网上的其它情况,这个是由于通过js修改了服务器控件Select的列表项数目,导致验证viewstate时出现的问题.最后改为通过服务器代码来给Select加选项,就不会报这个错误了. 服务器控件 ...

  10. Centos6.5 设置Tomcat8 service服务实现自启动和服务管理

    Centos6.5 设置Tomcat8 service服务实现自启动和服务管理 将tomcat设置成像apache,nginx一样. 用serviec xxxx start/stop/restart ...