JavaScript作為一門非常重要的編程語言，其在網頁中有著非常廣泛的應用。其中，操作圖片大小的功能也是非常常見的。在 JavaScript中，我們可以通過特定的方法來控制圖片的長和寬，讓其更好地適應網頁的布局。 我們來看一個簡單的例子，假設我們有一張500x500像素的圖片，但是在網頁中，我們只想讓它顯示為200x200像素。那么該如何操作呢？下面是示例代碼：

在這個例子中，我們先用HTML標簽插入了一張圖片，然后在JavaScript代碼中，我們使用了兩個屬性：width和height。通過給它們分別賦予值200，我們成功將圖片大小調整為了200x200像素。 當然，在實際應用中，我們不僅僅需要改變圖片的大小，還需要配合網頁布局進行調整。比如說，在一個網頁中，我們希望一張圖片始終在頁面左上角，且大小為200x200像素。下面是一個實現方法：

在這個例子中，我們采用了兩個HTML標簽：div和img。div的作用是定位圖片位置，我們將其設置為絕對定位，然后將其left和top屬性都設置為0，這樣就能讓圖片始終處于頁面左上角。img的作用則是控制圖片大小，我們將其width和height屬性都設置為200像素，這樣就能讓圖片大小符合要求。 當然，在實際操作中，我們通常不會只改變一個圖片的大小，而是需要對整個頁面中的所有圖片進行調整。在這種情況下，我們可以使用循環結構來簡化代碼。下面是一個示例：

在這個例子中，我們首先使用了三個HTML標簽：img。然后，我們通過document.getElementsByTagName()獲取到了所有的img標簽節點，并將它們保存在一個數組中。接著，在for循環中，我們對每個img標簽節點都進行了width和height屬性的設置。這樣，整個頁面中的所有圖片大小都被調整為了200x200像素。 總之，JavaScript提供了非常方便的操作圖片大小的方法，我們可以通過設置width和height屬性來輕松地調整圖片大小，從而實現網頁布局的需求。在實際應用中，我們可以根據具體情況，結合CSS等其他技術，來獲得更好的效果。