&&与||的基础
<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. ABAP屏幕设计

    转自 http://www.cnblogs.com/aBaoRong/archive/2012/06/05/2536591.html abap 屏幕控制 ******************** 屏幕 ...

  2. jsp的九大内置对象和四大作用域（转）

    定义:可以不加声明就在JSP页面脚本(Java程序片和Java表达式)中使用的成员变量 JSP共有以下9种基本内置组件(可与ASP的6种内部组件相对应): 1.request对象(作用域)  客户端的 ...

  3. Adobe Flash builder 4的序列号

    下载flex 4 之后,需要输入注册码(如果购买了正版就要选择第二个的单选框,无需输入注册码了) 1424-4258-9368-0713-8534-5128 1424-4806-8312-7960-9 ...

  4. web安全之xss

    xss:跨站脚本攻击,攻击者,把一段恶意代码镶嵌到web页面,,用户浏览页面时,嵌入页面的恶意代码就会执行,从而到达攻击用户的目的. 重点在于脚本,javascript和actionscript    ...

  5. POJ 1321 DFS

    题意:POJ少见的中文题,福利啊. 思路: 一开始也没有思路呃呃呃 . 裸搜,连样例都过不去...参照了网上的题解:一行一行DFS 茅塞顿开啊. #include <cstdio> #in ...

  6. sql join,left join,rigt join

    left join :左连接,返回左表中所有的记录以及右表中连接字段相等的记录.right join :右连接,返回右表中所有的记录以及左表中连接字段相等的记录.inner join: 内连接,又叫等 ...

  7. spring访问静态资源出错，No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js...

    问题:spring访问静态资源出错,No mapping found for HTTP request with URI xxx/resources/js/jquery.min.js... web.x ...

  8. 为什么有禁用Mac系统的Spotlight的需求：

    一.为什么有禁用Mac系统的Spotlight的需求: 有的网友由于使用的是相对较老的苹果电脑在运行较新的系统:也有可能你是个速度控,受不了偶尔卡卡顿顿的操作,必须将所有导致卡顿的原因全部消除:也有可 ...

  9. ObjectOutputStream序列化问题

    ObjectOutputStream序列化对象传输时,为了节省开销,会自动比较以前序列化过的对象,如果一致(指内存,不比较内容),则自动引用以前用过的对象,这就造成了传输到对方的对象总是第一次序列化的 ...

  10. C++ 中静态成员函数访问非静态成员变量的方法

    最近在 VS2010 里开发出厂烧写工具,遇到一个问题: 我创建了一个线程,在这个线程里要访问非静态成员,而这个线程函数是静态的.最后找到的办法是用对象指针来做. sourcecode: #test. ...