Javascript 哪些jQuery命令用于在html中插入脚本标记(包含计数器计时器)?
我想使用jQuery添加计数器计时器脚本。就在id=“counter”参数图之后 因此,与此代码不同: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;
<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});
});