在页面加载时执行javascript但不在按钮单击上执行

时间:2012-03-15 08:20:48

标签: javascript

多次尝试在页面加载时执行Javscript以下执行。目前它仅适用于点击“开始”按钮。

如何在加载页面时激发这一点?

<script type="text/javascript">
function getFlashMovie(movieName) {
    var isIE = navigator.appName.indexOf("Microsoft") != -1;
    return (isIE) ? window[movieName] : document[movieName];
}
function start() {

    var active = document.getElementById("buttonstart").value == "stop";
    getFlashMovie("test").setProperty("src",  !active ? document.getElementById('url2').value: null);
    document.getElementById("start").value = active ? "buttonstart" : "buttonstop";
}
</script>

html

  <input id="url2" type="text" value="rtmp://localhost/?streammovie=test"/>

getFlashMovie(“test”)。setProperty是一个将变量传递给SWF文件的函数。 在页面加载时,我希望它被执行而不是点击按钮。

6 个答案:

答案 0 :(得分:2)

让你的函数在页面加载时执行有这样的代码:

window.onload = function() {
    start();
};

答案 1 :(得分:1)

试试这个:

<script type="text/javascript">
function getFlashMovie(movieName) {
    var isIE = navigator.appName.indexOf("Microsoft") != -1;
    return (isIE) ? window[movieName] : document[movieName];
}
function start() {

    var active = document.getElementById("buttonstart").value == "stop";
    getFlashMovie("test").setProperty("src",  !active ? document.getElementById('url2').value: null);
    document.getElementById("start").value = active ? "buttonstart" : "buttonstop";
}
start(); //added this
</script>

答案 2 :(得分:1)

在尝试访问任何元素之前,只需确保已加载DOM。 尝试在HTML的末尾运行您的start()函数;

  </body>
  <script type="text/javascript">
    start();
  </script>
</html>

答案 3 :(得分:1)

你能做的是:

<body onload="start();">

如果您考虑使用jQuery,那么您可以将代码包装在内:

$(document).ready(function(){

      //the code

});

代码将在页面完全加载时执行,但我不建议添加jquery库,以便您可以使用此功能。

答案 4 :(得分:0)

使用:

(function($){

 $(function(){
 // my code comes here
 });     

})(jQuery)

答案 5 :(得分:0)

使用window.onload事件在加载时触发代码。


window.onload = function(){

//your code to execute
}