Question

我想在脚本标签的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标记。

如果否，则plz建议如何实现。

谢谢

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>

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

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

5 个答案: