&&与||的基础
<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. 新冲刺Sprint3（第五天）

    一.Sprint介绍 实现商品.服务信息存入数据库,实现商品图片传输(服务器传输),点击商品.服务进入商品.商品详情.商品.服务按此标准建立数据库.    二.Sprint周期 看板: 燃尽图:

  2. 413 Request Entity Too Large

    做小视频上传,结果接口总是返回500,服务器端跟踪,根本就进不来,再次翻查,发下服务器返回的其实是413,只不过APP底层接口将所有不是200的回包都转成500了,问题定位. 有了错误码,有了描述,字 ...

  3. tabelView右滑选择进行删除

    如何使用UITableViewRowAction实现右滑选择呢? 1.在iOS8以前,我们实现tableview中滑动显示删除,置顶,更多等等的按钮时,都需要自己去实现,在iOS8中系统已经写好了,只 ...

  4. C#的循环语句练习

    1.输入一个整数,算出从1到这个数每个数阶乘的和. 2.求100以内质数的和. 3.有一对幼兔,幼兔1个月后长成小兔,小兔1个月后长成成兔并生下一对幼兔,问几个月后有多少对兔子,幼兔,小兔,成兔分别是 ...

  5. 自己瞎捣腾的Win7下Linux安装之路-----图例篇

    写在前面 网上很多这方面的教程,我也是参考他们的文章和一些书籍才弄成功.没啥创新性,只为记录下来,以供自已理解和以后复习. 所谓工欲善其事,必先利其器.俺想学习Linux,当然是要先装一个Linux( ...

  6. c#大数加法

    在C#中,我们经常需要表示整数.但是,c#的基本数据类型中,最大的long也只能表示-9,223,372,036,854,775,808 到 9,223,372,036,854,775,807之间的数 ...

  7. 高效能人士必知铁律--note

    偶然看到了<高效能人士 必知铁律>这本书,我比较少看成功学,但是这本书把很多著名的成功学书籍整理出来,有时会让你耳目一新,有些观点尽管是常识,但是却加深了你对它们的理解,比如: 只要在积极 ...

  8. 在skyDriver上保存代码

    在家里写的代码, 有时候在公司也想打开改一改. 以前, 我都是使用优盘进行拷贝, 或者直接在优盘上进行操作. 有时, 忘了带优盘就傻眼了. 也想过直接托管到代码托管网站. 但主流的一些托管,都是要开源 ...

  9. OpenGL法向量变换

    OpenGL光照开启时,法向量用于决定特定顶点或面上接受到光照的多少.光照处理过程作用于观察坐标空间,因此,模型对象坐标系的法向量也需要使用GL_MODELVIEW矩阵变换到观察坐标系. 然而,法向量 ...

  10. Python之路，day4-Python基础

    1.集合2.元组 只读列表,只有count,index2个方法3.字典key-value对 1.特性 2.查询速度快,比列表快python中的hash在同一程序下值相同python字典中的hash只有 ...