JavaScriptは対象に対して高級です.

9481 ワード

JavaScriptの基礎

Json方式の対象向け
方法を一つのjsonに包んで、彼の名前を管理する人がいます.名前空間は会社にあります.同じ方法を一緒に包んでください.


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
<script type="text/javascript">
    var json = {
        name:'blue',
        qq:'2324235',
        showName: function (){
            alert('     ：'+this.name);
        },
        showQQ: function(){
            alert('  qq  ：'+this.qq);
        }
    }

    json.showName();
    json.showQQ();
script>
head>
<body>

body>
html>

複数のオブジェクトには適していません.オブジェクトは一つだけです.
ドラッグと継承
オブジェクトに向かってドラッグして元のドラッグオブジェクトの継承を書き換えます.元のクラスに引き継ぐものは何ですか?
引き継ぎを使う
範囲を制限するドラッグ＆ドロップ構造関数の偽装属性の継承原理:偽造構造関数callの使用は関数のthisを変えることができます.


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
<script type="text/javascript">
    function A(){
        this.abc = 12;
    }
    A.prototype.show = function (){
        alert(this.abc);
    }

    //  A
    function B(){
        A.call(this);
    }

    /*var obj = new B();
    alert(obj.abc);//     12*/

    //B.prototype = A.prototype;
    for (var i in A.prototype) {
        B.prototype[i] = A.prototype[i];
    };

    B.prototype.fn = function (){
        alert('abc');
    }
    var obj = new B();
    obj.fn();//     12
    var objA = new A();

script>
head>
<body>

body>
html>

プロトタイプチェーン法の継承原理:コピー方法はプロトタイプと方法をカバーしてコピーします.


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
<style type="text/css">
    #div1 {
        width: 200px;
        height: 200px;
        background: yellow;
        position: absolute;
    }
    #div2 {
        width: 200px;
        height: 200px;
        background: blue;
        position: absolute;
    }
style>
<script type="text/javascript" src="Drag.js">script>
<script type="text/javascript" src="Drag1.js">script>
<script type="text/javascript">
    window.onload = function(){
        new Drag('div1');
        new LimitDrag('div2');
    }
script>
head>
<body>
    <div id="div1">  div>
    <div id="div2">  div>
body>
html>

システムオブジェクト
ローカルオブジェクト(非静的オブジェクト)とは、ローカルオブジェクトObject、Function、Aray、String、Boolean、Number、Data、RegExp、Errr内蔵オブジェクト(静的オブジェクト)のうち、ローカルオブジェクトGlobal、Math宿主オブジェクト(ブラウザで提供されるオブジェクト)DOM、BOMとは何ですか?

offsetX,offset Left,offset Widthの違いの詳細