从HTML调用JavaScript中的函数_Javascript_Html

从HTML调用JavaScript中的函数

javascript html

从HTML调用JavaScript中的函数,javascript,html,Javascript,Html,我试图从一个HTML文件中调用一个JavaScript方法。具体来说，从Dog和Cat调用方法“speak”（如下面的HTML所示）。我想我应该使用window.onload=function（）或类似的方法，使用onload，但我不知道如何调用这些方法这是HTML内容： <!DOCTYPE html> <html> <head> <script src="Ej6.js"></script>

我试图从一个HTML文件中调用一个JavaScript方法。具体来说，从Dog和Cat调用方法“speak”（如下面的HTML所示）。我想我应该使用

window.onload=function（）

或类似的方法，使用

onload

，但我不知道如何调用这些方法

这是HTML内容：

<!DOCTYPE html>
<html>
    <head>
        <script src="Ej6.js"></script>

        <script>
            window.onload = function() {
                            }
        </script>

    </head>

    <body>

    </body>
</html>

您可以像普通脚本一样使用JavaScript，包括的每个脚本，无论是间接使用

还是直接使用

..

共享相同的范围

功能动物（名称、眼睛颜色）{
this.name=名称；
this.eyeColor=eyeColor；
}
Animal.prototype.getName=函数（）{
返回此.name；
};
Animal.prototype.getEyeColor=函数（）{
返回这个.eyeColor；
};
Animal.prototype.toString=函数（）{
返回此值。名称+“”+
这是眼睛的颜色；
};
功能狗（名称、眼睛颜色）{
动物。叫（这个，名字，眼睛颜色）；
}
Dog.prototype=新动物（）；
Dog.prototype.toString=函数（）{
返回Animal.prototype.toString.call（this）；
};
Dog.prototype.speak=函数（）{
返回“纬”；
};
功能类别（名称、眼睛颜色）{
动物。叫（这个，名字，眼睛颜色）；
}
Cat.prototype=新动物（）；
Cat.prototype.toString=函数（）{
返回Animal.prototype.toString.call（this）；
};
Cat.prototype.speak=函数（）{
返回“喵喵”；
};

window.onload=函数（）{
myCat=新猫（“小猫”、“绿色”）；
console.log（myCat.speak（））；
}
您可以像普通脚本一样使用JavaScript，包括的每个脚本，无论是间接使用
还是直接使用..
都共享相同的范围

功能动物（名称、眼睛颜色）{
this.name=名称；
this.eyeColor=eyeColor；
}
Animal.prototype.getName=函数（）{
返回此.name；
};
Animal.prototype.getEyeColor=函数（）{
返回这个.eyeColor；
};
Animal.prototype.toString=函数（）{
返回此值。名称+“”+
这是眼睛的颜色；
};
功能狗（名称、眼睛颜色）{
动物。叫（这个，名字，眼睛颜色）；
}
Dog.prototype=新动物（）；
Dog.prototype.toString=函数（）{
返回Animal.prototype.toString.call（this）；
};
Dog.prototype.speak=函数（）{
返回“纬”；
};
功能类别（名称、眼睛颜色）{
动物。叫（这个，名字，眼睛颜色）；
}
Cat.prototype=新动物（）；
Cat.prototype.toString=函数（）{
返回Animal.prototype.toString.call（this）；
};
Cat.prototype.speak=函数（）{
返回“喵喵”；
};

window.onload=函数（）{
myCat=新猫（“小猫”、“绿色”）；
console.log（myCat.speak（））；
}
窗口。在加载所有内容资源（图像等）后，会发生onload
。如果不想使用它，可以在主代码之后追加对象初始化，例如

功能动物（名称、眼睛颜色）{
this.name=名称；
this.eyeColor=eyeColor；
}
Animal.prototype.getName=函数（）{
返回此.name；
};
Animal.prototype.getEyeColor=函数（）{
返回这个.eyeColor；
};
Animal.prototype.toString=函数（）{
返回此值。名称+“”+
这是眼睛的颜色；
};
功能狗（名称、眼睛颜色）{
动物。叫（这个，名字，眼睛颜色）；
}
Dog.prototype=新动物（）；
Dog.prototype.toString=函数（）{
返回Animal.prototype.toString.call（this）；
};
Dog.prototype.speak=函数（）{
返回“纬”；
};
功能类别（名称、眼睛颜色）{
动物。叫（这个，名字，眼睛颜色）；
}
Cat.prototype=新动物（）；
Cat.prototype.toString=函数（）{
返回Animal.prototype.toString.call（this）；
};
Cat.prototype.speak=函数（）{
返回“喵喵”；
};
const dog=新狗（'测试'，'棕色'）
console.log（dog.speak（））窗口。在加载所有内容资源（图像等）后会发生onload
。如果不想使用它，可以在主代码之后追加对象初始化，例如

功能动物（名称、眼睛颜色）{
this.name=名称；
this.eyeColor=eyeColor；
}
Animal.prototype.getName=函数（）{
返回此.name；
};
Animal.prototype.getEyeColor=函数（）{
返回这个.eyeColor；
};
Animal.prototype.toString=函数（）{
返回此值。名称+“”+
这是眼睛的颜色；
};
功能狗（名称、眼睛颜色）{
动物。叫（这个，名字，眼睛颜色）；
}
Dog.prototype=新动物（）；
Dog.prototype.toString=函数（）{
返回Animal.prototype.toString.call（this）；
};
Dog.prototype.speak=函数（）{
返回“纬”；
};
功能类别（名称、眼睛颜色）{
动物。叫（这个，名字，眼睛颜色）；
}
Cat.prototype=新动物（）；
Cat.prototype.toString=函数（）{
返回Animal.prototype.toString.call（this）；
};
Cat.prototype.speak=函数（）{
返回“喵喵”；
};
const dog=新狗（'测试'，'棕色'）
console.log（dog.speak（））从窗口调用它们没有什么特别之处。onload
。只要按你平常的方式称呼他们。dog=newdog（“Fido”，“brown”）；声音=狗说话
应该使用原型继承，这样就不需要在每个类中定义toString（）
方法。
标记缺少相应的
结束标记（或者它根本不应该在那里）。通过HTML验证器运行HTML内容是一个好主意，例如，从window.onload
调用它们没有什么特别之处。只要按你平常的方式称呼他们。dog=newdog（“Fido”，“brown”）；声音=狗说话
应该使用原型继承，这样就不需要在每个类中定义toString（）
方法。
标记缺少相应的结束标记（或者它根本不应该在那里）。最好通过HTML验证程序运行HTML内容，例如。
function Animal(name, eyeColor) {
    this.name = name;
    this.eyeColor = eyeColor;
}

Animal.prototype.getName=function() {
    return this.name;
};

Animal.prototype.getEyeColor=function() {
    return this.eyeColor;
};

Animal.prototype.toString=function() {
    return this.name + " " +
           this.eyeColor;
};

function Dog(name, eyeColor) {
    Animal.call(this, name, eyeColor);
}

Dog.prototype = new Animal();

Dog.prototype.toString=function() {
    return Animal.prototype.toString.call(this);
};

Dog.prototype.speak=function() {
    return "woof";
};

function Cat(name, eyeColor) {
    Animal.call(this, name, eyeColor);
}

Cat.prototype = new Animal();

Cat.prototype.toString=function() {
    return Animal.prototype.toString.call(this);
};

Cat.prototype.speak=function() {
    return "meow";
};