首页、创建 7-2.html文件，文件中定义变量sfzh，其值为输入的身份证号码，使用字符串对象方法提取身份证号中的性别和出生年月日信息，页面输出结果如下图所示。你输入的身份证号是:420102199003052222该身份证号的性别是:女出生日期为:1990年3月5日

、创建 7-2.html文件，文件中定义变量sfzh，其值为输入的身份证号码，使用字符串对象方法提取身份证号中的性别和出生年月日信息，页面输出结果如下图所示。你输入的身份证号是:420102199003052222该身份证号的性别是:女出生日期为:1990年3月5日

时间: 2024-10-25 08:02:44 浏览: 53

为了创建一个名为 "7-2.html" 的HTML文件并实现这个功能，你可以使用JavaScript配合HTML结构来完成。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>身份证信息提取</title> <script> function extractInfo() { var sfzh = document.getElementById("id_input").value; // 获取输入框中的身份证号 if (!isValidId(sfzh)) { // 验证身份证号码是否合法 alert("请输入有效的身份证号码！"); return; } var idArr = sfzh.split(''); // 将身份证号码拆分为数组 var sexIndex = 17; // 性别位在第17位 var birthYearMonthDay = [8, 7, 6, 5, 4, 3, 2]; // 生日信息的索引位置 var gender = idArr[sexIndex - 1] % 2 === 0 ? '女' : '男'; // 提取性别 var birthDate = '19' + idArr[birthYearMonthDay[0]] + idArr[birthYearMonthDay[1]] + idArr[birthYearMonthDay[2]]; // 提取出生日期 document.getElementById("result").innerHTML = `身份证号: ${sfzh}\n性别: ${gender}\n出生日期: ${birthDate}`; } function isValidId(id) { // 这里只是一个简单的校验，实际应用需要更复杂的验证规则 if (id.length !== 18) { return false; } // 检查格式和部分数字位，这里仅作示例 for (var i = 0; i < 17; i++) { if (isNaN(id[i]) || !((id[i] >= '0' && id[i] <= '9') || (id[i] === 'X' || id[i] === 'x'))) { return false; } } return true; } </script> </head> <body> <h2>输入您的身份证号码:</h2> <input type="text" id="id_input" onblur="extractInfo()"> <div id="result"></div> </body> </html> ``` 在这个例子中，用户在文本框内输入身份证号码，然后点击输入框外部会触发`extractInfo()`函数，它首先检查输入的有效性，再按照规定的规则提取性别和出生日期，并将结果显示在页面上。

阅读全文