我是 HTML 和网站开发的新手。我正在构建一个主要使用 HTML、CSS 的网站(在线获取模板并尝试对其进行编辑)。有一个 HTML 页面,我想将其视为模板,我将向它传递一些 URL 参数并将其填充到 HTML 页面中。不知何故,我无法完成它。
我在 Eclipse 中创建了一个动态 Web 项目,并将 Tomcat 7.0 添加为服务器,并将 Chrome 66.0 添加为浏览器。
以下是代码片段:
URL 模式: http://localhost:8080/NPW_WEB/shop-single.html?Product_Name=First_Product
Javascript:
<script>
$(document).ready(function(){
$("#Product_Name1").text("amit");
});
function GetURLParameter(sParam)
{
var sPageURL = window.location.search.substring(1);
alert(sPageURL);
var url = window.location.href;
alert(url);
var sURLVariables = sPageURL.split('&');
for (var i = 0; i < sURLVariables.length; i++)
{
var sParameterName = sURLVariables[i].split('=');
if (sParameterName[0] == sParam)
{
return sParameterName[1];
}
}
}
function setURLParameter()
{
var Product_Name = GetURLParameter('Product_Name');
document.getElementById("Product_Name").innerHTML = Product_Name;
}
window.onload = function()
{
document.getElementById("Product_Name1").innerHTML = "amit";
document.getElementById("Product_Name4").textContent = "amit";
$("#Product_Name1").text("amit");
}
var yourvar='amit';
document.getElementById("Product_Name1").innerHTML = "amit";
document.getElementById('Product_Name2').value = 'amit';
document.getElementById("Product_Name3").textContent="amit";
</script>
HTML:
<div class="container">
<div class="column">
<h1 id="Product_Name4">Single Product - <span id="Product_Name1"></span></h1>
<h1>Single Product - <span id="Product_Name2">s</span></h1>
<h1>Single Product - <span id="Product_Name3"></span></h1>
</div>
这个话题已经在很多线程中讨论过了,我尝试了其中的几个,看起来很明显,但仍然不适合我。