当前位置: 代码迷 >> Java Web开发 >> js如何把值传给HTML呢
  详细解决方案

js如何把值传给HTML呢

热度:10209   发布时间:2013-02-25 21:21:38.0
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楼的方案貌似可行。
  相关解决方案