在 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

好的，你可以使用 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>

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

<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
}