在script标记的src中使用document.getElementById

Use document.getElementById in the src of script tag

本文关键字：document getElementById src script      更新时间：2023-09-26

我想在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标签。

如果没有，那么请建议如何实现。

感谢

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

您可能需要动态创建它：

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

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

我想，您将值放在服务器端的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>

<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
}
相关文章：