如何在html中输出javascript变量的值?

时间:2012-04-11 14:28:59

标签: javascript jquery html

所有

我有一个返回字符串值的javascript例程,我想在我的html标签中使用这个例程,

<a href="#"><script>getKeyValue('empDesignation')</script></a>

这可能吗?任何见解?

5 个答案:

答案 0 :(得分:2)

<html>
  <head>

<script type="text/javascript">
function alterText(){
document.getElementById('hello').innerHTML = empDesignation();
}
  function empDesignation(){   
    var output = 'test'
   return output
  }
</script>

  </head>
  <body onload="javascript:alterText()">

    <a id="hello"></a>

  </body>


  </html>

这应该有效。我不得不模拟你的empDesignation函数。

答案 1 :(得分:1)

文件撰写(getKeyValue( 'empDesignation')); 这可能会成功。

更新:必须将其括在<script>代码中

答案 2 :(得分:0)

你不能在html标签内使用javascript变量。您必须使用DHTML将值设置为html。

如果您发布一些代码,我可以帮助您

答案 3 :(得分:0)

你可以做到

var txt = getKeyValue('empDesignation');
$('#result').text(txt);

这假设getKeyValue()返回一个字符串。然后将结果作为带有id = result

的元素的文本

编辑 - 编辑后。你可以做到

HTML

<a href="#" data-key='empDesignation' class='functional'>your text</a>

JS

//when you click on a link that has the class functional    
$('a.functional').on('click', function(e){
  //prevent the default action
  e.preventDefault();
  //retrieve the data that from the html5 data attribute and pass it to 
  //your custom function
  var result = getKeyValue($(this).data('key'));
  //use the resulting string as the new text for the clicked link
  $(this).text(result);
})

答案 4 :(得分:0)

在html里面标记这个getKeyValue('empDesignation')是不可能的,

使用innerHTML,如下例

           <html>
    <script type="text/javascript">
    function changeText(){
        document.getElementById('boldStuff').innerHTML = 'is Software Developer';
    }
    </script>
    <body>
    <p>Employee Designation <b id='boldStuff'>is what?</b> </p> 
    <input type='button' onclick='changeText()' value='Change Text'/>
    </body>
    </html>

修改

          <script type="text/javascript">
    function changeText(){
             var get_des=getKeyValue('empDesignation');

            document.getElementById('change_id').innerHTML = get_des;
    }
    </script>

           <a href="#" id="change_id" onclick='changeText()'></a>