如何添加一個javascript鏈接到圖片？

Question

我有一個圖像，我有一個外部視頻。該視頻的鏈接是一個自定義的嵌入標籤：

<script type="text/javascript" charset="utf-8" 
src="//www2.uliza.jp/IF/RequestVideoTag.aspx?clientid=1732&amp;episodeid=00&amp; 
playertype=OSMFPlayer&amp;maxml=&amp;u_option_adshowflag=0&amp; 
html5flag=0&amp;u_base_pw=640&amp;u_base_ph=360"> 

</script> 

當我點擊圖像時，嵌入式視頻將打開。

Answer 1

你的問題含糊不清，但聽起來像你只是想添加一個事件處理程序到DOM元素。

有很多方法可以將JavaScript功能添加到網頁。也許最簡單的添加點擊處理程序的方法是使用錨標記並直接從該標記調用JavaScript函數。有幾種方法可以做到這一點，但由於多種原因，這兩種方法都不是很好的做法。例如：

<a href="#" onclick="someFunction();"><img src="foo.png" alt="some image"></a> 

然後你的JS可能看起來像：

function someFunction() { 
    // do something 
    return false; 
} 

或：

<a href="javascript:void(0)" onclick="someFunction();"><img src="foo.png" alt="some image"></a> 

然後你的JS可能看起來像：

function someFunction() { 
    // do something 
} 

如果你想更多關於爲什麼這些都不是特定的信息非常好的做法，請參閱此條目： https://stackoverflow.com/a/134957/6441528

您可能想要考慮使用通常被稱爲「不顯眼的JavaScript」的內容。已經寫了很多關於這個話題的文章。例如： https://www.w3.org/wiki/The_principles_of_unobtrusive_JavaScript