Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 通过HTML中的onClick将变量传递到外部js文件_Javascript_Html_Css - Fatal编程技术网

Javascript 通过HTML中的onClick将变量传递到外部js文件

Javascript 通过HTML中的onClick将变量传递到外部js文件,javascript,html,css,Javascript,Html,Css,我希望能够将变量传递给JavaScript函数。使用下面的onClick事件。基本上,每次为这些图像触发onClick时,都会向JavaScript函数发送var。因此,如果单击image one,我想发送: var myvar=“sof273561”到gotowebpage() gotowebpage()函数位于show_details.js文件中 <div class="furnitureTypes"> <!--- furniture image 1 --> <

我希望能够将变量传递给JavaScript函数。使用下面的onClick事件。基本上,每次为这些图像触发
onClick
时,都会向JavaScript函数发送
var
。因此,如果单击image one,我想发送:

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>
var gotowebpage = function(value){
    //do stuff with value
}


  • 有点不清楚你是怎么写问题的。但是您应该能够将这些值传递到您的
    gotowebpage
    函数中

    onClick="gotowebpage('sof27356');"
    
    然后在
    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>
    
    var gotowebpage = function(value){
        //do stuff with value
    }
    

    也许您应该阅读有关javascript函数的内容: