&&与||的基础
<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. iOS截屏

    - (UIImage *)captureImageFromView:(UIView *)view{ UIGraphicsBeginImageContext(view.bounds.size); CGC ...

  2. 2. Transcribing DNA into RNA

    Problem An RNA string is a string formed from the alphabet containing 'A', 'C', 'G', and 'U'. Given ...

  3. system占用80端口的问题

    80端口被占用的问题 首先可以看看是不是iis占用了.如果是的话.修改为其他端口即可. 如果不是.. 在cmd中输入命令netstat -ano 查看是不是system占用了80端口? 如果是syst ...

  4. PHP character garbled

    MySql  控制台查询时出现乱码 Database&Table 的字符集 于Mysql控制台显示的字符集不一样 右键单击mysql控制台边框  单击属性  查看当前代码页的字符集模式是否于数 ...

  5. 【转载】Restarting an analysis in ANSYS

    原文地址:http://blog.sina.com.cn/s/blog_4b764640010168ru.html   这是自己最近做的一个例子,一是为了感谢okok论坛给与我的很大的帮助,二是起到抛 ...

  6. 王爽<汇编语言>实验十

    实验十 3.数值显示(以下程序附带测试程序) ;名称: dtoc ;功能: 将dword型数据转变为表示十进制数的字符串,字符串以0为结尾 ;参数: (ax)=dword型数据低字 ; (dx)=dw ...

  7. FizzBuzz 问题

    public class FizzBuzz { static int start = 1; static int end = 100; public static void main(String[] ...

  8. etl学习系列1——etl工具安装

    ETL(Extract-Transform-Load的缩写,即数据抽取.转换.装载的过程),对于企业或行业应用来说,我们经常会遇到各种数据的处理,转换,迁移,所以了解并掌握一种etl工具的使用,必不可 ...

  9. textarea光标处插入文字

    (function($) { $.fn.extend({ //myField 对象元素 myValue 插入值 insertAtCursor: function(myField,myValue) { ...

  10. 2016HUAS_ACM暑假集训4B - 递推

    这种数学推理题目题意极其明显,在做的时候,可以多写几组,这样找起规律来会容易些.概括起来就是:题意简单暴力,案例毫无价值. 一个三角形最多可以把一个平面分成两部分,两个三角形最多是8(2+6)部分,而 ...