使用外部Javascript在HTML中顯示帶有鏈接的圖像？

Question

我是javascript新手，並且嘗試使用外部Javascript文件顯示HTML中具有鏈接的其他圖像。 我不完全確定這是可行的還是最好的解決方案。 我創建了以下腳本，打算將其放入相同的外部文件中。

var img1 = new Image();
img1.src = 'myimage.jpg';
img1.onclick = function() {
    window.location.href = 'mylink.html';
}; 
document.body.appendChild(img1);

和

var img2 = new Image();
img2.src = 'myimage.jpg';
img2.onclick = function() {
    window.location.href = 'mylink.html';
}; 
document.body.appendChild(img2);

我可以使用以下代碼調用整個工作表，但不能調用單個腳本，因此我想知道是否可以從同一工作表調用單個腳本嗎？ 我想避免創建多個.js文件。

<script src="js/myjavascript.js"></script>

Answer 1

在JavaScript文件中創建一些函數

function addImage1() {
  // some code
}

function addImage2() {
 // some more code
}

然后像往常一樣包含JavaScript文件，然后在要添加圖像時調用函數：

<script>
addImage1();
addImage2();
</script>

Answer 2

var a = document.createElement("a");  // <- <a> element (link)
a.href = "myfile.html";  // <- set link (href)
var myimage = document.createElement("image");  // <- image
myimage.src = "myimage.png";  // <- image source
a.appendChild(myimage);  // <- append image to <a> tag
document.body.appendChild(a);  // <- append <a> tag to body