如何从javascript获取返回值到html?

时间:2014-06-13 12:59:34

标签: javascript html html5

如何将java脚本中的值返回给HTML?

假设这是我的JS文件名为first.js

function getName()
{
var Str= "Vinod";
return Str;
}

现在我需要在HTML页面中获取值。我已经包含了js文件并调用了函数,但我没有得到任何值。我怎么能这样做。

<html>
<head>
<title>Quick example</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="static/jquery.js"></script>
<link rel="stylesheet" href="static/jquery.mobile-1.4.2.css" />
script type="text/javascript" src="static/jquery.mobile-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
document.getElementById("privacy_text").innerHTML  = getName();
 });
</script>

</head>
<body>
<textarea id="privacy_text" class="terms">
</textarea>
</body>
</html>

2 个答案:

答案 0 :(得分:2)

只需使用 $("#privacy_text").val(getName());

Working Fiddle

像这样使用

<script type="text/javascript" src="jquery.1.9.1.js"></script> 
<script type="text/javascript" src="First.js"></script> 

答案 1 :(得分:2)

我是使用jquery做的。DEMO

first.js文件

function callme(){
return 'success';
}

<强> HTML

<head>
   <script type="text/javascript" src="jquery.1.9.1.js"></script>    
    <script type="text/javascript" src="first.js"></script>
   <script>
  $(document).ready(function(){
        $("#privacy_text").val(callme());

    });
</script>    
</head>
   <body>
    <textarea id="privacy_text" class="terms">
    </textarea>
</body>