js如何把值传给HTML呢-Java教程-爱易网页

js如何把值传给HTML呢

日期：2014-05-17　浏览次数：20995 次

js怎么把值传给HTML呢？

JScript code


如：
var a =3;
var b =4;
alert(b-a);

我要把这个1的值传给HTML里面的元素要怎么做

HTML code


<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>    
    <title></title>  
    <link href="dock.css" rel="stylesheet" type="text/css" />  
    <script type="text/javascript" src="js.js"></script>
</head>
<body> 
    <div id="bar">
         在这里我要显示JS计算出来的结果
  </div>
</body>
</html>

------解决方案--------------------
<div id="bar">

在这里我要显示JS计算出来的结果--定义元素例如<s:textfield id="XX" name="XX"/>
</div>

JS
var ss = document.getElementById('XX');
ss.value='SSS';
------解决方案--------------------

JScript code


document.getElementById('bar').innerHTML = b-a;

------解决方案--------------------
document.getElementById('bar').innerHTML = stt;//stt 你要显示的内容

------解决方案--------------------
也可以定义<span id="XX"></span>
JS
XX.innerHTML=....

------解决方案--------------------

var result=b-a;
document.getElementById('bar').innerHTML =result;

------解决方案--------------------
这样的结果,或许是你忽略了解析html的执行的顺序,从上到下解析,而解析到script脚本的时候,根本就没有事件调用他,而在body里面才会有你的控件,所以你要显示的时候达到你的效果可以在script写
     window.onload = function(){
	document.getElementById("bar").innerHTML="21312312";
	};
或者你把你的script代码写在body里面,就是body后面
<body>
   <div id="bar">
  
   </div>
   <script language="javascript">
		document.getElementById("bar").innerHTML="21312312";
	</script>
</body>

------解决方案--------------------
用jquery
var str = '内容';//这里可以写一段html的标签，或者文字什么的，比如‘<table><tr><td>内容</td></tr></table>’
$('#bar').appent(str);

------解决方案--------------------
var a = 4;
var b = 3;  

window.onload = function(){
  document.getElementById("bar").innerHTML = b-a;
  };


------解决方案--------------------
是浏览器兼容问题吧！

------解决方案--------------------
主要是该javascript有没有执行的问题吧。10楼的方案貌似可行。

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js如何把值传给HTML呢

相关资料更多>

推荐阅读更多>