通過HTML中的onClick將變量傳遞到外部js文件

Question

我希望能夠將變量傳遞給JavaScript函數。 下面的onClick事件。 基本上，每次為這些圖像觸發onClick時，都希望將var發送給JavaScript函數。 因此，如果單擊圖片一，我想發送：

var myvar = "sof273561"; 轉到gotowebpage()

gotowebpage()函數位於show_details.js文件中。

<div class="furnitureTypes">
<!--- furniture image 1 -->
<li><div class="furniture"><input type="image" src="images/furniture/1.jpg onClick="gotowebpage();"/><gt_descA>Sofas</gt_descA><gt_descB>$2050</gt_descB><gt_descC><a href="sofas_27356.pfd" target="_blank" style="color:#FF0000">Check catelog</a></gt_descC></div></li>
<!--- furniture image 2 -->
<li><div class="furniture"><input type="image" src="images/furniture/2.jpg onClick="gotowebpage();"/><gt_descA>Chairs</gt_descA><gt_descB>$420</gt_descB><gt_descC><a href="chairs_18119.pfd" target="_blank" style="color:#FF0000">Check catelog</a></gt_descC></div></li>
<!--- furniture image 3 -->
<li><div class="furniture"><input type="image" src="images/furniture/3.jpg onClick="gotowebpage();"/><gt_descA>Tables</gt_descA><gt_descB>$1300</gt_descB><gt_descC><a href="tables_15723.pfd" target="_blank" style="color:#FF0000">Check catelog</a></gt_descC></div></li>
</div>
</div>
</div>
<script src="js/show_details.js"> </script>

Answer 1

不清楚您是如何編寫問題的。 但是您應該只能夠將這些值傳遞到gotowebpage函數中。

onClick="gotowebpage('sof27356');"

然后在show_details.js文件中。

var gotowebpage = function(value){
    //do stuff with value
}