当我制作两个单独的HTML而不是addrow是通过一个错误并获得所有值null但如果我在一个HTML中的eveything比一切工作正常..请帮帮我
我可以在两个html中使用onr js文件吗？如果我可以使用比通过错误的原因
我的index.html代码是
<!DOCTYPE html>
<html>
<head>
<title>Sample</title>
</head>
<body>
<p>Fname</p>
<br>
<input type="text" id="name">
<p>Lname</p>
<br>
<input type="text" id="Lname">
<p>Age:</p>
<br>
<input type="text" id="age">
<p>Email:</p>
<br>
<input type="text" id="email">
<br>
<br>
<button onclick="add()">submit</button>
<script type="text/javascript" src="add.js"></script>
</body>
</html>
secoand html文件是detail.html
<!DOCTYPE html>
<html>
<head>
<title>Info List</title>
<style type="text/css">
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table style="width: 100%;" >
<tr>
<th>Fname</th>
<th>Lname</th>
<th>Age</th>
<th>Email</th>
</tr>
<tr>
<td id="one"></td>
<td id="two"></td>
<td id="three"></td>
<td id="four"></td>
</tr>
</table>
<script type="text/javascript" src="add.js"></script>
</body>
</html>
我的js文件add.js是
function add(){
fname = document.getElementById('name').value
Lname = document.getElementById('Lname').value
age = document.getElementById('age').value
email = document.getElementById('email').value
console.log("helloooo")
redirect()
addRow(fname,Lname,age,email)
}
function redirect(){
window.location.assign("detail.html")
}
function addRow(f,l,a,e){
let fname = document.getElementById('one')
let lname = document.getElementById('two')
let age = document.getElementById('three')
let email = document.getElementById('four')
fname.innerHTML = f;
lname.innerHTML = l;
age.innerHTML = a;
email.innerHTML = e;
}
1 回答
您可以将所有代码放在同一个html文件中：
但实际上，我认为你最好的选择是调查一些像react.js或Angular这样的现代框架 - 你只能用html vanilla js做一些限制 .