執行html時調用javascript函數

我有一個任務，當我打開html頁面時，html包含腳本標記下的javascript，並且在其下實現了一個名爲auther()的函數。如何在打開html頁面時調用此函數，我不想通過使用onClick或onLoad等html/javascript方法來實現。執行html時調用javascript函數

意味着每當我的html被執行時，我的javascript函數應該被調用自己。以下是我的html：

<html> 
    <head> 
     <title>Demo</title> 
    </head> 
<body> 
    <div id="authOps" > 
     <button onclick="auther();">GET author</button> 
     //By clicking on this button it is working but I want to execute 
     //this function when this html get executed 
    </div> 
</body> 
<script type="text/javascript"> 
    function auther(){ 
     //some code 
    } 
</script> 
</html>

在每當我的html頁面打開上面的場景中，JavaScript函數應該得到沒有任何點擊操作執行。

注：我剛纔提到的html代碼只是爲了參考目的，我的主要目的只是爲了執行javascript函數，我該如何實現這個？

來源

2017-09-23 Sonali Khaladkar

'JavaScript函數應該在沒有任何點擊處理的情況下執行'，爲什麼一個處理程序在事件沒有被觸發的情況下運行？也沒有做任何HTML處理本身 – Ramanlfc

有2種方式，據我知道要做到這一點，

1：

<html> 
 
    <head> 
 
     <title>Demo</title> 
 
    </head> 
 
<body> 
 
    <div id="authOps" > 
 
     <button onclick="auther();">GET author</button> 
 
     //By clicking on this button it is working but I want to execute 
 
     //this function when this html get executed 
 
    </div> 
 
</body> 
 
<script type="text/javascript"> 
 
    function auther(){ 
 
\t console.log("Hi"); 
 
    }; 
 
auther(); 
 
</script> 
 
</html>

2：

<html> 
 
    <head> 
 
     <title>Demo</title> 
 
    </head> 
 
<body> 
 
    <div id="authOps" > 
 
     <button >GET author</button> 
 
     //By clicking on this button it is working but I want to execute 
 
     //this function when this html get executed 
 
    </div> 
 
</body> 
 
<script type="text/javascript"> 
 
    var thisIsAFunction = function(){ 
 
\t console.log("Hi"); 
 
    }(); 
 
</script> 
 
</html>

你可以給這兩個選項試試。

來源

2017-09-23 09:51:30

只需調用的方法，在腳本塊，而不是從按鈕點擊

<script>auther(); </script>

來源

2017-09-23 09:26:12 Kennet

我也試過這個，但在運行時瀏覽器拋出異常說undefined方法 –

確切的錯誤是，「未捕獲ReferenceError：auther未定義」 –

這是因爲你在聲明之前調用它。這就是爲什麼它在@Gowtham Shivas第一個例子中工作 – Kennet

執行html時調用javascript函數

回答

相關問題