JavaScript | 通过在函数中传递值来创建对象并显示在表中

傷城~ 2023-03-04 10:30 17阅读 0赞

In this example, we created an object named employee with id, name, gender, city, and salary and assigning the values by passing the values from the function, input the values through user and display in the table.

在此示例中，我们创建了一个名为id ， 名称 ， 性别 ， 城市和薪水的名为employee的对象，并通过传递函数中的值来分配值，通过用户输入值并显示在表中。

**HTML & JS:**

**HTML和JS：**

<!DOCTYPE html>
    
    <html>
        <head>
            <script>
                function Employee(i,n,g,c,s){
        
                    this.id=i,
                    this.name=n,
                    this.gender=g,
                    this.city=c,
                    this.salary=s,
                    this.show=function(){
        
                        document.write("<table border=1 >");
                        document.write("<tr>");
                        document.write("<th>Employee Id</th>");
                        document.write("<td>"+this.id+"</td>");
                        document.write("</tr>");
                        document.write("<tr>");
                        document.write("<th>Employee Name</th>");
                        document.write("<td>"+this.name+"</td>");
                        document.write("</tr>");
                        document.write("<tr>");
                        document.write("<th>Gender</th>");
                        document.write("<td>"+this.gender+"</td>");
                        document.write("</tr>");
                        document.write("<tr>");
                        document.write("<th>City</th>");
                        document.write("<td>"+this.city+"</td>");
                        document.write("</tr>");
                        document.write("<tr>");
                        document.write("<th>Salary</th>");
                        document.write("<td>"+this.salary+"</td>");
                        document.write("</tr>");
                        document.write("</table>");
                    }
                };
                
            </script>
        </head>
        <body>
            <script>
                /*
                document.write("<h2>Java Script Objects : Type 3</h2><hr />");
                var emp = new Employee(1,"pooja","female","pune",45000);
                emp.show();
                */
                var i=parseInt(prompt("Enter Id:"));
                var n=prompt("Enter Name:");
                var g=prompt("Enter Gender:");
                var c=prompt("Enter City");
                var s=parseInt(prompt("Enter Salary:"));
                var emp = new Employee(i,n,g,c,s);
                emp.show();
            </script>
        </body>
    </html>

**Output**

**输出量**

![JavaScript | Create an object and display its values in a table][JavaScript _ Create an object and display its values in a table]

> 翻译自: [https://www.includehelp.com/code-snippets/create-an-object-by-passing-values-in-the-function-and-display-in-the-table.aspx][https_www.includehelp.com_code-snippets_create-an-object-by-passing-values-in-the-function-and-display-in-the-table.aspx]

[JavaScript _ Create an object and display its values in a table]: /images/20230208/638b52fdba774636bdeff093de65514e.png
[https_www.includehelp.com_code-snippets_create-an-object-by-passing-values-in-the-function-and-display-in-the-table.aspx]: https://www.includehelp.com/code-snippets/create-an-object-by-passing-values-in-the-function-and-display-in-the-table.aspx