如何在网页中插入Javascript

How do I insert Javascript into a web page

本文关键字：插入 Javascript 网页      更新时间：2023-11-12

需要帮助将此javascript放入HTML代码中（我是编码新手）

<img id="coin"/><br/>
<button id="toss">Toss</button><br/>
<div id="count"></div>

HTML^

var current = 3;
var elem = document.getElementById('toss');
var intervalId = setInterval( function(){
    if( current > 0 ){
        elem.innerHTML = "<h1>" + current + "</h1>";
    } else {
        if( Math.random() > .5 ){
            elem.innerHTML = '<img src="http://csgowild.com/assets/images/terrorist.png">';
        } else {
            elem.innerHTML = '<img src="http://vignette1.wikia.nocookie.net/cswikia/images/4/4c/Csgo_CT_icon_alt.png/revision/latest?cb=20151222191721">';
        }
        clearInterval( intervalId );
    }
    current--;
}, 1000 ); // 1000 ms = 1s

Javascript ^

编辑：要使其在单击按钮时工作，而不是进行以下更改：我在你的按钮上添加了一个"onclick"事件，并将intervalId函数封装在另一个函数中。setInterval，按照你的方式，立即启动，现在它与按下按钮相关联。

给你，只需把它放在一个脚本标签中，就像这样，全部放在你的HTML文件中：

工作Fiddle

<img id="coin"/><br/>
<button id="toss" onclick=intervalId();>Toss</button><br/>
<div id="count"></div>
<script>
var current = 3;
var elem = document.getElementById('toss');
var intervalId = function() {setInterval( function(){
    if( current > 0 ){
        elem.innerHTML = "<h1>" + current + "</h1>";
    } else {
        if( Math.random() > .5 ){
            elem.innerHTML = '<img src="http://csgowild.com/assets/images/terrorist.png">';
        } else {
            elem.innerHTML = '<img src="http://vignette1.wikia.nocookie.net/cswikia/images/4/4c/Csgo_CT_icon_alt.png/revision/latest?cb=20151222191721">';
        }
        clearInterval( intervalId );
    }
    current--;
}, 1000 ); // 1000 ms = 1s
}
</script>

我想你可以从这里拿走

欢迎使用编码，欢迎使用StackOverflow！

有两种方法可以包含Javascript（或CSS，例如）

1:将其直接嵌入HTML文件

<script>
    // Your code here
</script>

对于小代码段，建议使用此方法。如果您需要大量的Javascript，第二种可能性会更有意义。

2:包含为自己的文件

您还可以将您的Javascript代码保存为（例如）"script.js"，并添加HTML文件的以下内容：

<script src="/path/to/script.js"></script>

记住使用正确的路径。

相关文章：