Javascript 为什么没有产出

Javascript 为什么没有产出,javascript,function,Javascript,Function,我在Javascript函数上写了一个例子,但是没有输出,我如何解决这个错误 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <script type="text/javascript"> function student(name,id,level,phone){ var name, i

我在Javascript
函数
上写了一个例子,但是没有输出,我如何解决这个错误

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript">
    function student(name,id,level,phone){
        var name, id, level, phone;
        this.name= name;
        this.id= id;
        this.level= level;
        this.phone= phone;}
        function myFunction(){
        var stud = new student("khaled al gamd","110_35_1353","three",0501607419);
        var name= stud.(name);
        var id= stud.(id);
        var level= stud.(level);
        var phone= stud.(phone);
        document.write (name);
        document.write (id);
        document.write (phone);
    }
    <p id="result"><\/p>
    document.getElementById("result").innerHTML=myFunction();
    </script>
</body>
</html>

功能学生(姓名、id、级别、电话){
变量名称、id、级别、电话;
this.name=name;
这个.id=id;
这个。级别=级别;
this.phone=phone;}
函数myFunction(){
var stud=新生(“khaled al-gamd”,“110_35_1353”,“三”,0501607419);
变量名称=螺柱(名称);
变量id=螺柱(id);
var等级=螺柱(等级);
var电话=螺柱(电话);
文件名;
document.write(id);
写文件(电话);
}

document.getElementById(“结果”).innerHTML=myFunction();


如果要通过JavaScript创建段落标记,则需要写出该段落标记:

function student(name, id, level, phone) {
    this.name = name;
    this.id = id;
    this.level = level;
    this.phone = phone;
}
function myFunction() {
    var stud = new student("khaled al gamd", "110_35_1353", "three", 0501607419);
    var name = stud.name;
    var id = stud.id;
    var level = stud.level;
    var phone = stud.phone;
    return name + "<br>" + id + "<br>" + phone;
}
document.write('<p id="result">  </p>');
document.getElementById("result").innerHTML = myFunction();
函数学生(姓名、id、级别、电话){
this.name=名称;
this.id=id;
这个水平=水平;
this.phone=电话;
}
函数myFunction(){
var stud=新生(“khaled al-gamd”,“110_35_1353”,“三”,0501607419);
var name=stud.name;
var id=stud.id;
变量水平=螺柱水平;
var phone=stud.phone;
返回name+“
”+id+“
”+电话; } document.write(“

”); document.getElementById(“结果”).innerHTML=myFunction();
有关JavaScript的帮助,您可以尝试JSHint:


如果要通过JavaScript创建段落标记,则需要写出该段落标记:

function student(name, id, level, phone) {
    this.name = name;
    this.id = id;
    this.level = level;
    this.phone = phone;
}
function myFunction() {
    var stud = new student("khaled al gamd", "110_35_1353", "three", 0501607419);
    var name = stud.name;
    var id = stud.id;
    var level = stud.level;
    var phone = stud.phone;
    return name + "<br>" + id + "<br>" + phone;
}
document.write('<p id="result">  </p>');
document.getElementById("result").innerHTML = myFunction();
函数学生(姓名、id、级别、电话){
this.name=名称;
this.id=id;
这个水平=水平;
this.phone=电话;
}
函数myFunction(){
var stud=新生(“khaled al-gamd”,“110_35_1353”,“三”,0501607419);
var name=stud.name;
var id=stud.id;
变量水平=螺柱水平;
var phone=stud.phone;
返回name+“
”+id+“
”+电话; } document.write(“

”); document.getElementById(“结果”).innerHTML=myFunction();
有关JavaScript的帮助,您可以尝试JSHint:


将JavaScript与html结合在一起

试试这个:

<html>
<head>
</head>
<body>
<p id="result">

<script type="text/javascript">
function student(name,id,level,phone){
this.name= name;
this.id= id;
this.level= level;
this.phone= phone;
}

function myFunction(){
var stud = new student("khaled al gamd","110_35_1353","three",0501607419);
var name= stud.name;
var id= stud.id;
var level= stud.level;
var phone= stud.phone;
document.write(name);
document.write(id);
document.write(phone);}

myFunction();
</script>
</p>
</body></html>

功能学生(姓名、id、级别、电话){ this.name=name; 这个.id=id; 这个。级别=级别; 这个。电话=电话; } 函数myFunction(){ var stud=新生(“khaled al-gamd”,“110_35_1353”,“三”,0501607419); var name=stud.name; var id=stud.id; 变量水平=螺柱水平; var phone=stud.phone; 文件。填写(姓名); 文件。写入(id); 文件。写(电话);} myFunction();


将JavaScript与html结合在一起

试试这个:

<html>
<head>
</head>
<body>
<p id="result">

<script type="text/javascript">
function student(name,id,level,phone){
this.name= name;
this.id= id;
this.level= level;
this.phone= phone;
}

function myFunction(){
var stud = new student("khaled al gamd","110_35_1353","three",0501607419);
var name= stud.name;
var id= stud.id;
var level= stud.level;
var phone= stud.phone;
document.write(name);
document.write(id);
document.write(phone);}

myFunction();
</script>
</p>
</body></html>

功能学生(姓名、id、级别、电话){ this.name=name; 这个.id=id; 这个。级别=级别; 这个。电话=电话; } 函数myFunction(){ var stud=新生(“khaled al-gamd”,“110_35_1353”,“三”,0501607419); var name=stud.name; var id=stud.id; 变量水平=螺柱水平; var phone=stud.phone; 文件。填写(姓名); 文件。写入(id); 文件。写(电话);} myFunction();


这里的其他答案都是正确的,但它们都没有解释为什么它们是正确的,所以这里有一点解释

以下是您的代码的工作版本:

<html>
<head>
</head>
<body>

<p id="result"></p>

<script type="text/javascript">
function student(name,id,level,phone){
   var name, id, level, phone;
   this.name= name;
   this.id= id;
   this.level= level;
   this.phone= phone;
}

function myFunction(){
  var stud = new student("khaled al gamd","110_35_1353","three",0501607419);
  var name= stud.name;
  var id= stud.id;
  var level= stud.level;
  var phone= stud.phone;
  return name + id + phone;
}
document.getElementById("result").innerHTML=myFunction();
</script>
</body></html>

功能学生(姓名、id、级别、电话){ 变量名称、id、级别、电话; this.name=name; 这个.id=id; 这个。级别=级别; 这个。电话=电话; } 函数myFunction(){ var stud=新生(“khaled al-gamd”,“110_35_1353”,“三”,0501607419); var name=stud.name; var id=stud.id; 变量水平=螺柱水平; var phone=stud.phone; 返回姓名+身份证+电话; } document.getElementById(“结果”).innerHTML=myFunction();
现在,您的示例存在一些问题。首先,您试图访问student对象的属性,如下所示:
stud.(name)
,这是无效的语法。正确的语法是:
stud.name

其次,在脚本标记中声明html元素。脚本标记中的所有内容都应该是有效的javascript,但事实并非如此。您有两种选择,一种是将该行移到脚本标记之外(在主体内部,在脚本上方,或者在脚本运行之后才会创建该行),另一种是使用javascript创建元素,如@Emil S.Jørgensen的回答所示

第三,您试图将元素的内部html设置为函数的结果,但函数没有返回任何要显示的内容。相反,它试图直接写入文档。这将为您提供一些输出,但它不会在您所瞄准的元素中。相反,您需要做的是从函数返回一些有效的html(尽管这不一定包含任何html元素)


纠正这些问题,它应该按预期工作。但有一点值得注意,您的代码格式不好,这使得它更难阅读,也更难发现问题。我建议您以后在格式化代码时要小心。

这里的其他答案是正确的,但它们都没有解释为什么它们是正确的,所以这里有一点解释

以下是您的代码的工作版本:

<html>
<head>
</head>
<body>

<p id="result"></p>

<script type="text/javascript">
function student(name,id,level,phone){
   var name, id, level, phone;
   this.name= name;
   this.id= id;
   this.level= level;
   this.phone= phone;
}

function myFunction(){
  var stud = new student("khaled al gamd","110_35_1353","three",0501607419);
  var name= stud.name;
  var id= stud.id;
  var level= stud.level;
  var phone= stud.phone;
  return name + id + phone;
}
document.getElementById("result").innerHTML=myFunction();
</script>
</body></html>

功能学生(姓名、id、级别、电话){ 变量名称、id、级别、电话; this.name=name; 这个.id=id; 这个。级别=级别; 这个。电话=电话; } 函数myFunction(){ var stud=新生(“khaled al-gamd”,“110_35_1353”,“三”,0501607419); var name=stud.name; var id=stud.id; 变量水平=螺柱水平; var phone=stud.phone; 返回姓名+身份证+电话; } document.getElementById(“结果”).innerHTML=myFunction();
现在,您的示例存在一些问题。首先,您试图访问student对象的属性,如下所示:
stud.(name)
,这是无效的语法。正确的语法是:
stud.name

其次,在脚本标记中声明html元素。脚本标记中的所有内容都应该是有效的