来自 html 的 Javascript 函数调用答案

【问题标题】：Javascript function call from html来自 html 的 Javascript 函数调用
【发布时间】：2017-09-11 12:06:23
【问题描述】：

我正在做 javascript 作业（total newb），学习指南说...

在 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>;
    };

当我转到 html 文件的标题部分时...我应该调用该函数。我在 head 部分引用了 javascript 文件。这是我放在标题部分的内容。它不工作。我知道我的代码已经过时了。

【问题讨论】：

尝试不使用换行符，这意味着所有代码都在一行中。
你的报价都搞砸了。尝试用单引号替换除第一个和最后一个之外的所有内容。
顺便说一句，该函数何时调用？或者我应该问是否应该在页面加载或用户交互（例如点击）时执行该功能？
以下两个答案（Amit.Sh 和 adeneo）都是正确的。后一个答案更具可读性。 @Adeneo 在那个 document.write 中也是正确的，应该避免但考虑到它是分配，好的。干杯

标签： javascript

【解决方案1】：

它应该看起来更像这样......

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>';
    )
}

...但使用document.write 通常是不好的做法，但如果这是分配所说的，我想没关系，只要知道你不应该使用它。

要在您将脚本包含在 HTML 中之后调用函数，您可以这样做

<script type="text/javascript">

    displayHeader()

</script>

【讨论】：

非常感谢！感谢您对初学者的放松！

【解决方案2】：

使用一行。

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>')
};

【讨论】：

非常感谢！感谢您对初学者的放松！

【解决方案3】：

您需要连接字符串或全部写入一行。如果你连接字符串，它看起来像这样。

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>"
  );
};

【讨论】：

在同一个文件中......当我添加另一个函数来显示导航时......标题消失了。