在 script 標簽的 src 中使用 document.getElementById

Question

我想在 script 標簽的 src 中使用 document.getElementById
像這樣：

<div id="testTracking">

<script type="text/JavaScript" language="JavaScript" src="https://test.com/tracking/hio_wm.js?state="+document.getElementById("state").value+ "&zip=" +document.getElementById("zipcode").value+ ""></script>


</div>

是否可以在 Script 標簽的 SRC 屬性中使用document.getElementById標簽。

如果否，請建議如何可能。

謝謝

Answer 1

<script type="text/javascript"> 

document.write('<script type="text/javascript" src="https://test.com/tracking/hio_wm.js?state='+document.getElementById("state").value+ '&zip=' +document.getElementById("zipcode").value + '"></script>');

</script>

Answer 2

您可能希望動態創建它：

var ss = document.createElement('script');
ss.src = "https://test.com/tracking/hio_wm.js?state="
    +document.getElementById("state").value+ "&zip="    
    +document.getElementById("zipcode").value;

Answer 3

<div id="testTracking">  
    <script type="text/JavaScript" language="JavaScript" src="https://test.com/tracking/hio_wm.js"></script>  
    <script type="text/javascript">
        var state = document.getElementById("state").value;
        var zip = document.getElementById("zipcode").value;
        initializeData(state, zip)
    </script>
</div>

在 hio_wm.js 中：

function initializeData( state, zipcode )
{
    //do whatever you need with that
}

Answer 4

我想，您將值放入服務器端的state和zipcode元素中。 例如，在 asp.net 中：

<input type="text" value="<%: Model.State %>" id="state" />
<input type="text" value="<%: Model.Zip %>" id="zipcode" />

如果是這樣，您可以這樣做：

<script type="text/JavaScript" language="JavaScript" src="https://test.com/tracking/hio_wm.js?state=<%: Model.State%>&zip=<%:Model.Zip%>"></script>

Answer 5

好的，您可以使用 document.write 來完成，但您必須確保 DOM 已經完全加載。 您可以為此使用 jQuery。

<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script type="text/javascript"> 
     $().ready(function() 
     {
        document.write('<script type="text/javascript" src="https://test.com/tracking/hio_wm.js?state='+document.getElementById("state").value+ '&zip=' +document.getElementById("zipcode").value + '></script>');
     });
</script>