从ASP.NET contentplaceholder调用javascript

从ASP.NET contentplaceholder调用javascript,javascript,html,asp.net,d3.js,Javascript,Html,Asp.net,D3.js,好的,我有一个母版页,它有一个内容占位符。在网页中,我想通过调用javascript文件来显示d3js图形。当javascript出现在网页中时,它可以正常工作,但是如果我将它复制到一个文件并尝试调用它,它就无法工作。我怀疑这是我的一个noob问题,但我找不到答案 <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> <script type="text/javasc

好的,我有一个母版页,它有一个内容占位符。在网页中,我想通过调用javascript文件来显示d3js图形。当javascript出现在网页中时,它可以正常工作,但是如果我将它复制到一个文件并尝试调用它,它就无法工作。我怀疑这是我的一个noob问题,但我找不到答案

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>
Javascript文件; 函数绘图(){

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>
}

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>
函数粒子(){

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>
}

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>
以及asp.net网页

<div class ="container2">

</div>

<script type="text/javascript" src="js/testJavaScript.js">

    draw();

</script>



<!-- Core JavaScript Files -->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo.js" type="text/javascript"></script>
<script src="js/wow.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/custom.js" type="text/javascript"></script>
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>

draw();

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>
让你知道一切…母版正文

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>

    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>





版权所有Martin Gardener,2015

当您将其复制到文件时,是否也复制了其他javascript文件?如果没有,请先尝试此操作。这可能是因为脚本运行时页面上的元素不存在。尝试将testjava.js脚本标记移动到正文的末尾。谢谢大家。詹姆斯:我试过你说的话,但没有奏效。Burki-其他javascript文件已就位。我从asp.net页面中取出脚本并将其放入.js文件中,然后尝试从脚本所在的位置调用js文件。我想我只是因为缺乏经验而错过了一些简单的事情。
    <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="testJava.js"></script>    
    <div class="container">
       <br />
       <br />
       <br />
       <br />
   </div>

    <div class="control">
        <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

        </asp:ContentPlaceHolder>
    </div>

    <table class="auto-style1">
        <tr>
            <td colspan="2">Copyright Martin Gardener, 2015</td>
        </tr>
    </table>

</form>