Javascript 哪些jQuery命令用于在html中插入脚本标记(包含计数器计时器)?

Javascript 哪些jQuery命令用于在html中插入脚本标记(包含计数器计时器)?,javascript,jquery,Javascript,Jquery,我想使用jQuery添加计数器计时器脚本。就在id=“counter”参数图之后 因此,与此代码不同: <body> <p> beginning of site</p> <table id="timer_table"> <tbody> <tr> <td> <p id="counter" style="color: red;

我想使用jQuery添加计数器计时器脚本。就在id=“counter”参数图之后 因此,与此代码不同:

<body>

<p> beginning of site</p>

<table id="timer_table">
    <tbody>
        <tr>
            <td>
                <p id="counter"  style="color: red;"> Here's the counter: </p>

            </td>
        </tr>
    </tbody>
</table>

<p> rest of site...</p>

</body>
<body>

<p> beginning of site</p>

<table id="timer_table">
    <tbody>
        <tr>
            <td>
                <p id="counter"  style="color: red;"> Here's the counter: </p>
                <script>
                    var myCountdown1 = new Countdown({time:316});
                </script>
            </td>
        </tr>
    </tbody>
</table>

<p> rest of site...</p>

</body>
js1.js简单地说:

var myCountdown1 = new Countdown({time:316});
它不好用。 而不是得到这样的结果: 我得到这个:

当我试图检查页面源代码时,我什么也得不到

总而言之: 我应该使用哪个jquery命令插入

                <script>
                    var myCountdown1 = new Countdown({time:316});
                </script>

var myCountdown1=新的倒计时({time:316});
就在id=“counter”段落之后?它的工作原理就像原始html中已经写了这一行一样


谢谢

如果脚本编写正确,那么脚本初始化的位置应该不太重要。大多数脚本应该在页面底部加载,以加快浏览器呈现DOM所需的时间,因为脚本标记会阻塞,除非它们的
async
属性设置为
true

要使用jQuery加载脚本,您可以使用处理程序中的方法来确保在DOM就绪之前不会执行代码。在您的情况下,它将如下所示:

// This is a shorthand for jQuery.ready
$(function(){
    $.getScript("js_folder/js1.js");
});
上面的代码片段应该添加到文档底部的脚本标记中(由于我已经说明的原因),但是可以在任何地方使用

但是,考虑到
js_folder/js1.js
的内容,您应该将其放在
.ready
处理程序中。例如:

$(function(){
    var myCountdown1 = new Countdown({time:316});
});

为什么不把
var myCountdown1=new Countdown({time:316})
放在
.ready
处理程序中?@Ryan它可能是重复的,但我真的认为这不是OP想要的。我感谢你的努力,我知道我不够清楚。我会以不同的方式再次询问。我在发布这个问题之前读过,我的意思是。。我做了那里写的事。。。。它确实适用于简单的脚本,比如添加hi

,但不适用于添加倒计时。
$(function(){
    var myCountdown1 = new Countdown({time:316});
});