将javascript变量传递给html [英] pass javascript variable to html
本文介绍了将javascript变量传递给html的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我的javascript代码是：
< script type = text / javascript>
var cars = new 数组（ 5 ）;
cars [ 0 ] = 奥迪;
cars [ 1 ] = Bentley ;
cars [ 2 ] = Mercedes ;
cars [ 3 ] = Mini ;
cars [ 4 ] = BMW ;
< / script>
现在我想逐个显示每个数组的值按钮点击我的页面内容。
亲切帮助。
解决方案
试试这个：
< div id = carsDiv >
< / div >
< 按钮 id = addCarBtn > 添加汽车< / button >
< 脚本 >
var current = 0 ;
var cars = new 数组（ 5 ）;
cars [ 0 ] = Audi ;
cars [ 1 ] = Bentley ;
cars [ 2 ] = Mercedes ;
cars [ 3 ] = Mini ;
cars [ 4 ] = BMW ;
document .getElementById（ addCarBtn).onclick = function （）{
if （！（current> cars.length - 1 ））
{
document .getElementById（ carsDiv）。innerHTML + = cars [current] + < br />;
当前++;
}
}
< / script >
希望这有帮助。
在你的网页中添加html按钮控件并添加你的javascript函数用于按钮onclick事件它会触发输出...
并参考以下内容链接：
链接
< HTML>
< head>
< script type =text / javascript>
var i = 0;
var cars = new Array（5）;
cars [0] =奥迪;
cars [1] =Bentley;
cars [2] =Mercedes;
cars [3] =Mini;
cars [4] =宝马;
函数BtnClick（）
{
if（i< = cars.length-1）
{
document.getElementById（ carsDiv）。innerHTML + = cars [i] +'< br />';
i = i + 1;
}否则
{
if（确认（'你想再看一次吗？'））
{
i = 0;
document.getElementById（carsDiv）。innerHTML ='';
}
else
{
alert（'Thanks !!'）;
}
}
}
< / script>
< / head>
< body>
< div id =carsDiv>
< / div>
< input type ='submit'onclick ='javascript：BtnClick（）'value ='click'/>
< / body>
< / html>
My javascript code is:
<script type="text/javascript">
var cars = new Array(5);
cars[0] = "Audi";
cars[1] = "Bentley";
cars[2] = "Mercedes";
cars[3] = "Mini";
cars[4] = "BMW";
</script>
Now I want to show the value of each array one by one on button click on my page content.
Kindly Help.
解决方案
Try this:
<div id="carsDiv"> </div> <button id="addCarBtn">Add Car</button> <script> var current = 0; var cars = new Array(5); cars[0] = "Audi"; cars[1] = "Bentley"; cars[2] = "Mercedes"; cars[3] = "Mini"; cars[4] = "BMW"; document.getElementById("addCarBtn").onclick = function() { if (!(current > cars.length - 1)) { document.getElementById("carsDiv").innerHTML += cars[current] + "<br />"; current++; } } </script>
Hope this helps.
put html button control in your web page and add your javascript function for button onclick events it will fire your output...
And refer following link:
link
<html>
<head>
<script type="text/javascript">
var i=0;
var cars = new Array(5);
cars[0] = "Audi";
cars[1] = "Bentley";
cars[2] = "Mercedes";
cars[3] = "Mini";
cars[4] = "BMW";
function BtnClick()
{
if (i<= cars.length-1)
{
document.getElementById("carsDiv").innerHTML += cars[i] + '<br />';
i=i+1;
}else
{
if(confirm('do you want to see again ?'))
{
i=0;
document.getElementById("carsDiv").innerHTML='';
}
else
{
alert('Thanks!!');
}
}
}
</script>
</head>
<body>
<div id="carsDiv">
</div>
<input type='submit' onclick='javascript:BtnClick()' value='click' />
</body>
</html>这篇关于将javascript变量传递给html的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
