请写出完整html+JavaScript代码且能在vscode中运行实现以下功能:(1) 写两个页面,应用include动作,从第一个页面向第二个页面传递整数参数m和n,在第二个页面中接收参数,并根据n的值打印nm的矩阵。 (2) 应用forward动作,从一个页面向另外一个页面传递整数参数m和n,在另外一个页面求m和n之间所有整数的和,并显示在页面上。
时间: 2023-04-07 15:01:25 浏览: 50
以下是完整的html JavaScript代码,可以在vscode中运行实现以上功能:
第一个页面(page1.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>Page 1</title>
</head>
<body>
<h1>Page 1</h1>
<p>传递参数m和n到Page 2:</p>
<form action="page2.html" method="get">
<label for="m">m:</label>
<input type="number" id="m" name="m"><br><br>
<label for="n">n:</label>
<input type="number" id="n" name="n"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
第二个页面(page2.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>Page 2</title>
<script>
function printMatrix(m, n) {
var table = document.createElement("table");
for (var i = 1; i <= m; i++) {
var row = document.createElement("tr");
for (var j = 1; j <= n; j++) {
var cell = document.createElement("td");
cell.textContent = i * j;
row.appendChild(cell);
}
table.appendChild(row);
}
document.body.appendChild(table);
}
</script>
</head>
<body>
<h1>Page 2</h1>
<p>接收参数m和n:</p>
<script>
var m = parseInt(getParameterByName("m"));
var n = parseInt(getParameterByName("n"));
printMatrix(m, n);
</script>
</body>
</html>
```
JavaScript函数getParameterByName用于获取URL参数:
```javascript
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
```
第三个页面(page3.html):
```html
<!DOCTYPE html>
<html>
<head>
<title>Page 3</title>
<script>
function sum(m, n) {
var sum = 0;
for (var i = m; i <= n; i++) {
sum += i;
}
return sum;
}
</script>
</head>
<body>
<h1>Page 3</h1>
<p>接收参数m和n:</p>
<script>
var m = parseInt(getParameterByName("m"));
var n = parseInt(getParameterByName("n"));
var result = sum(m, n);
document.write("从" + m + "到" + n + "的整数和为:" + result);
</script>
</body>
</html>
```
在第一个页面中,我们使用了form元素来传递参数m和n到第二个页面。在第二个页面中,我们使用了getParameterByName函数来获取URL参数,并使用printMatrix函数根据n的值打印nm的矩阵。在第三个页面中,我们也使用了getParameterByName函数来获取URL参数,并使用sum函数求m和n之间所有整数的和,并将结果显示在页面上。