如何在Javascript脚本的src标记中使用函数

Question

I have some HTML code and there somewhere I want to display a video with Javascript. I have a function that gives me a valid link to the video player and source. So if I post it directly without function in src it works fine.

So my question is how can I use my function in the src tag?

<script type="text/javascript" src="get_link()"</script>

A solution without jQuery/document.* is wanted if possible. I know I could do something like that document.getElementById("iframeid").setAttribute("src","link") .

Edit

All of the solutions were not working in my case. But anyways it's not a solution for me to do it in Javascript because of security issues. And there is no way to use nodejs. So thanks for your comments anyway. =)

Answer 1

Try adding script in JavaScript like this:

var script = document.createElement('script');
script.setAttribute('src', get_link());
var head = document.getElementsByTagName('head')[0];
head.appendChild(script);

Answer 2

If you want to set this attribute through JavaScript, you can't do so by directly putting it in the src attribute. You can attach some event handler on the HTML, such as onclick="handler()" , or something of that sort, which when triggered will give you access to the element within the function. Something like this.

function handler() {
    this.src= 'my_link.js
}

EDIT:

Not that the above solution is ideal, but just to meet the criteria of the question. It is possible, without any use of document to do this.

On your script tag, set an onerror="change_link()" . Then define an

function change_link() {
    this.src= get_link();
}

And last, you should add a faulty src attribute to the script tag. Again, this is stupid and you shouldn't do it in production code, but I'm just showing you that it's possible.