如何在HTML5中将javascript函数调用到Audio标签的src元素中

时间:2013-03-20 12:47:13

标签: javascript html

以下是我的代码,我在JavaScript中编写了一个函数,并尝试在音频标记的src元素中调用它。也想知道是否      返回“http://translate.google.com/translate_tts?tl=en&q=this是一个测试”+文件;

statement is ok to get google TTS audio file?

<html>
<body>
<script language="javascript" type="text/javascript">
function myFunction()
{
    var File = "this is a test";
    return "http://translate.google.com/translate_tts?tl=en&q=this is a test" + File;
}
</script>
<audio id="speech" src="javascript:myFunction();" controls="controls" autoplay="autoplay"></audio>

1 个答案:

答案 0 :(得分:3)

这不起作用,因为'src'标签的内容不会被解析为JavaScript,它将被视为普通字符串。

您可以将脚本标记移动到音频标记下方,然后在“myFunction”定义下面执行此操作:

document.getElementById('speech').src = myFunction();

更好的方法是将JavaScript代码移动到单独的.js文件中,并在页面的'onload'处理程序中设置'src'属性,而不是将JavaScript源代码与HTML标记混合。