不使用任何框架在html中显示该html接受的参数
在HTML中无法直接显示接受的参数,因为HTML是一种静态标记语言,不具备处理参数的能力。然而,你可以使用JavaScript来获取URL中的参数,并将其显示在HTML页面上。
下面是一个简单的示例,演示如何使用纯JavaScript在HTML中显示URL参数:
<!DOCTYPE html>
<html>
<head>
<title>显示URL参数</title>
<script>
// 获取URL参数的函数
function getParameterByName(name) {
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(window.location.href);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
// 在页面加载完成后执行的函数
window.onload = function () {
// 获取URL中的参数
var param1 = getParameterByName('param1');
var param2 = getParameterByName('param2');
// 将参数显示在页面上
document.getElementById('param1').innerHTML = param1;
document.getElementById('param2').innerHTML = param2;
};
</script>
</head>
<body>
<h1>URL参数</h1>
<p>参数1: <span id="param1"></span></p>
<p>参数2: <span id="param2"></span></p>
</body>
</html>
在这个示例中,通过使用getParameterByName函数来获取URL中的参数。然后,使用document.getElementById来获取具有相应ID的HTML元素,并将参数的值设置为该元素的innerHTML
原文地址: https://www.cveoy.top/t/topic/iyhK 著作权归作者所有。请勿转载和采集!