来自html的Javascript函数调用

我正在做javascript作业（完全是新手），学习指南上说

在每行HTML代码周围添加document.write（）语句（第53页给出了一个示例） 确保代码有条理且易于阅读。 请记住，单（'）和双（“）引号必须嵌套以避免错误

我在这里做过

    function displayHeader() {

        document.write("<h1>

            <img src="images/PeteBanner.jpg" alt="Pistol Pete" />

            Jason Lemon's Javascript Website! 

            <img src="images/PeteBanner.jpg" alt="Pistol Pete" /></h1>;
    };

函数displayHeader（）{
文件。写（“
Jason Lemon的Javascript网站！
;
};

---

当我转到html文件的头部分时…我应该调用函数。我在头部分引用了javascript文件。这是我在头部分中放入的内容。它不起作用。我知道我的代码太离谱了。

它看起来应该更像这样

function displayHeader() {
    document.write(
        '<h1>' +
            '<img src="images/PeteBanner.jpg" alt="Pistol Pete" />' +
             'Jason Lemon\'s Javascript Website!' +
             '<img src="images/PeteBanner.jpg" alt="Pistol Pete" />' +
        '</h1>';
    )
}

用一行

function displayHeader() {

    document.write('<h1><img src="images/PeteBanner.jpg" alt="Pistol Pete" />Jason Lemon\'s Javascript Website! <img src="images/PeteBanner.jpg" alt="Pistol Pete" /></h1>')
};

函数displayHeader（）{
document.write（'Jason Lemon的Javascript网站！'）
};

您需要将字符串连在一起或全部写在一行中。就像这样，如果您将字符串连在一起，就会出现这种情况

function displayHeader() {
  document.write(
    "<h1> "
    + "<img src = 'images/PeteBanner.jpg' alt = 'Pistol Pete' / >"
    + "Jason Lemon 's Javascript Website!" 
    + "<img src = 'images/PeteBanner.jpg' alt = 'Pistol Pete' / > </h1>"
  );
};

函数displayHeader（）{
document.write(
" "
+ ""
+“Jason Lemon的Javascript网站！”
+ " "
);
};

尝试不使用换行符，这意味着所有代码都在一行中。您的引号都乱七八糟。请尝试用单引号替换除第一个和最后一个之外的所有引号。顺便问一下，函数何时调用？或者我应该问一下是在加载页面时还是在用户交互（例如单击）时执行该函数？两个答案（Amit.Sh和adeneo）下面是正确的。后一个答案更具可读性。@Adeneo在该文档中也是正确的。应该避免写，但考虑到这是作业，好吧。干杯，谢谢！非常感谢你对初学者放松！非常感谢！非常感谢你对初学者放松！在同一个文件中…当我添加另一个函数来显示导航时。。.标题消失了。

function displayHeader() {
  document.write(
    "<h1> "
    + "<img src = 'images/PeteBanner.jpg' alt = 'Pistol Pete' / >"
    + "Jason Lemon 's Javascript Website!" 
    + "<img src = 'images/PeteBanner.jpg' alt = 'Pistol Pete' / > </h1>"
  );
};