在前端開發中,經常需要通過JavaScript或jQuery設置標簽的src屬性來動態加載圖片。下面是一個使用jQuery設置標簽的src的示例:
$(document).ready(function() { // 獲取<img>標簽 var $img = $('img'); // 設置src屬性 $img.attr('src', 'http://example.com/image.jpg'); });
上面的示例中,$(document).ready()函數確保代碼只在DOM構建完成后執行。$()函數選擇所有的標簽,然后使用attr()函數設置src屬性的值。
如果需要在代碼中動態設置圖片文件名,可以使用變量代替固定的URL。例如:
$(document).ready(function() { // 獲取<img>標簽 var $img = $('img'); // 設置src屬性 var filename = 'image.jpg'; $img.attr('src', 'http://example.com/' + filename); });
上面的示例中,filename變量可以通過代碼生成或用戶輸入來獲取,然后使用字符串連接符(+)將其與基礎URL拼接起來,生成完整的圖片URL。
下一篇div 100% 高