首页新建2.html及script.js文件，使用外部链接的方式，显示自己的信息，包括姓名、学号、班级、专业。（要求定义变量并赋值）

新建2.html及script.js文件，使用外部链接的方式，显示自己的信息，包括姓名、学号、班级、专业。（要求定义变量并赋值）

时间: 2024-12-24 12:29:42 浏览: 2

新建一个HTML文件（例如2.html），内容如下： ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>个人信息展示</title> <link rel="stylesheet" href="styles.css">  </head> <body> <div id="profile"> <h1 id="name"></h1> <p>学号: <span id="studentId"></span></p> <p>班级: <span id="class"></span></p> <p>专业: <span id="major"></span></p> </div> <script src="script.js"></script> </body> </html> ``` 接下来，在`script.js`文件中，你可以定义变量并赋值，然后动态填充到页面上： ```javascript // script.js window.onload = function() { var name = "张三"; // 姓名 var studentId = "20220101"; // 学号 var classInfo = "一班"; // 班级 var major = "计算机科学"; // 专业 document.getElementById("name").innerText = name; document.getElementById("studentId").innerText = studentId; document.getElementById("class").innerText = classInfo; document.getElementById("major").innerText = major; }; ``` 在这个例子中，我们使用了JavaScript的DOM操作来动态更新网页内容。浏览器加载完成后，会自动执行`script.js`中的脚本。

阅读全文