Javascript 如何在HTML页面中动态填充值?
我是新的HTML和网站开发。我正在建立一个网站使用HTML,CSS主要(得到了一个在线模板,并试图编辑它)。有一个HTML页面,我想将其视为模板,我将向其传递几个URL参数,并将其填充到HTML页面中。不知怎的,我没能把它做完 我在Eclipse中创建了一个动态web项目,并添加了Tomcat7.0作为服务器和Chrome66.0作为浏览器 以下是代码片段: URL模式: Javascript:Javascript 如何在HTML页面中动态填充值?,javascript,html,url-parameters,dynamic-html,Javascript,Html,Url Parameters,Dynamic Html,我是新的HTML和网站开发。我正在建立一个网站使用HTML,CSS主要(得到了一个在线模板,并试图编辑它)。有一个HTML页面,我想将其视为模板,我将向其传递几个URL参数,并将其填充到HTML页面中。不知怎的,我没能把它做完 我在Eclipse中创建了一个动态web项目,并添加了Tomcat7.0作为服务器和Chrome66.0作为浏览器 以下是代码片段: URL模式: Javascript: <script> $(document).ready(function(){
<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>
$(文档).ready(函数(){
$(“#产品名称1”)。文本(“amit”);
});
函数GetURLParameter(sParam)
{
var sPageURL=window.location.search.substring(1);
警报(垃圾邮件URL);
var url=window.location.href;
警报(url);
var sURLVariables=sPageURL.split('&');
对于(变量i=0;i
HTML:
单一产品-
单一产品-s
单一产品-
这个主题已经在很多线程中讨论过了,我尝试了其中的一些线程,看起来很明显,但对我来说仍然不起作用。您可以使用JavaScript和JQuery尝试下面的代码: 注意:这是在html标记中添加文本的方法,如(span、p、div等)。您可以通过动态向元素添加文本来向元素添加文本
//脚本代码
var yourvar='amit';
document.getElementById(“产品名称1”).innerHTML=“amit”;
document.getElementById('Product_Name2')。innerHTML='amit';
document.getElementById(“产品名称3”).innerHTML=“amit”;
//Jquery代码
$(文档).ready(函数(){
$(“产品名称6”)。文本(“amit”);
$(“产品名称7”)。文本(“amit”);
$(“#产品名称8”)。文本(“amit”);
})
使用Javascript
单一产品-
单一产品-s
单一产品-
使用Jquery
单一产品-
单一产品-s
单一产品-
您已经编写了代码,用于在方法seturlparmeter()中读取和设置查询字符串中的值代码>,您需要在某处调用它。在下面的代码中,我调用了$(document).ready..
函数中的方法
请尝试以下代码:
JavaScript:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#Product_Name1").text("amit");
setURLParameter();
});
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;
var Product_Name = GetURLParameter('Product_Name2');
document.getElementById("Product_Name2").innerHTML = Product_Name;
}
</script>
$(文档).ready(函数(){
$(“#产品名称1”)。文本(“amit”);
setURLParameter();
});
函数GetURLParameter(sParam){
var sPageURL=window.location.search.substring(1);
警报(垃圾邮件URL);
var url=window.location.href;
警报(url);
var sURLVariables=sPageURL.split('&');
对于(变量i=0;i
HTML:
单一产品-
单一产品-
您想动态填充什么?@KunalMukherjee我想通过一些测试值,如产品名称、图像名称、价格等。有更好的方法吗?请有人指导我…专家,我仍在寻求您的帮助?您的URL在哪里?调用sPageURL
的位置在哪里?我尝试了完全相同的方法(两种方法),但运气都不好。我认为这与代码无关,我的系统/项目/浏览器设置有问题。但我不知道。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#Product_Name1").text("amit");
setURLParameter();
});
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;
var Product_Name = GetURLParameter('Product_Name2');
document.getElementById("Product_Name2").innerHTML = Product_Name;
}
</script>
<div class="container">
<div class="column">
<h1>Single Product - <span id="Product_Name"></span></h1>
<h1>Single Product - <span id="Product_Name2"></span></h1>
</div>
</div>