文章标题

最新推荐文章于 2023-10-19 15:03:50 发布

aricover

最新推荐文章于 2023-10-19 15:03:50 发布

阅读量407

点赞数

分类专栏： JavaScript 文章标签： js

本文链接：https://blog.csdn.net/aricover/article/details/52319951

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

innerHTML

innnerHTML既可以用来获取，也可以用来设置

var y=document.getElementById("test1").innerHTML;
document.getElementById("test").innerHTML=y;

按钮出发多个方法

<button type="button" onclick="myFunction();myFunction1()">

弹出提示

 alert("Not Numeric")`

引用外部JavaScript脚本

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

面向对象
js里面的面向对象，重点：一切皆对象
先杂乱的记录

function A(){
    this.name = "jom";
    this.tellName = function(){
        alert(this.name);
    }
}
function A(){
    this.name = "jom";
}
A.tellName = function(){
        alert(this.name);
}

以上二者是区别的，当前体现在：
当使用call的时候，

var b = {};
b.name = "Ray";
A.tellName.call(b);//这里调用的是构造函数外部的tellName()方法

var b = {};
b.name = "Gray";
var a = new A();
a.tellName.call(b);//这样调用的才是构造函数里面的方法。

/*如果tellName的声明实在内部的，采用this.tellName,其中的this指的是一个具体的对象，而非A类本身，所以A.tellName.call(b)是会报错的。*/

关于 prototype 的一些理解

function A(){
    this.name = "jom";
    this.prototype.tellName = function(){
        alert(this.name);
    }
}//这样是错误的
function A(){
    this.name = "jom";
    this.constructor.prototype.tellName = function(){
        alert(this.name);
    }
}
or
function A(){
    this.name = "jom";
}
A.prototype.tellName = function(){
        alert(this.name);
}//函数写在外面可以节约内存空间，每个对象A调用该函数的时候，指向同一个内存地址。
or
function A(){
    this.name = "jom";
    A.prototype.tellName = function(){
        alert(this.name);
    }
}