我如何将这个JS添加到HTML页面？

Question

我已经获得了这个JS代码，如果它首先尝试加载的代码需要太长时间，它应该加载另一个代码：

var image = new Image();
image.src = "firstimage.jpg?cookie=" + encodeURI( document.cookie );
setTimeout
(
    function()
    {
        if ( !image.complete || !image.naturalWidth )
        {
            image.src = "backupimage.jpg";
        }
    },
    1000
);

我无法弄清楚如何将它放入我的HTML中（我只有非常基本的HTML技能！）有人能告诉我吗？

非常感谢提前

Answer 1

假设您已在页面上添加了Javascript，则可以使用document.body.appendChild(image)将图像注入页面正文。

或者，如果您想将图像注入身体以外的元素，可以使用element.appendChild(image)。

＆＃13;

＆＃13;

var image = new Image();
image.src = "//placehold.it/300";
setTimeout
(
    function()
    {
        if ( !image.complete || !image.naturalWidth )
        {
            image.src = "//placehold.it/200";
        }
    },
    5000
);
document.body.appendChild(image);
// document.getElementById("myDiv").appendChild(image);

＆＃13;

<div id="myDiv"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

HTML <script>代码

要添加javascript或其他脚本，请使用<script>标记：

<script>
//code here
</script>

但请注意，如果您的JS接受了任何 HTML 元素，则必须将脚本放在它们后面，以便它们被加载并存在（或者在文档加载时使用延迟函数）

检查documentation

Answer 3

您可以使用HTML <script>代码。

<script>标记用于定义客户端脚本（JavaScript）。

你这样使用它：

<script>
    //write your script here
</script>

或者像这样在加载时创建一个函数：

window.onload = function() {
         yourFunction(param1, param2);
  };