Javascript随机报价生成器-如何将报价显示为页面第一次加载_Javascript

Javascript随机报价生成器-如何将报价显示为页面第一次加载

javascript

Javascript随机报价生成器-如何将报价显示为页面第一次加载,javascript,Javascript,我正在构建一个随机引用生成器作为我的第一个javascript项目。我得到的报价工作良好，但我希望有人第一次访问网站时，以及当按钮被点击时，他们显示以下是我目前的代码： <div id="quoteDisplay">  </div>  <button onclick="ne

我正在构建一个随机引用生成器作为我的第一个javascript项目。我得到的报价工作良好，但我希望有人第一次访问网站时，以及当按钮被点击时，他们显示

以下是我目前的代码：

<div id="quoteDisplay">
  <!-- Quotes will display here -->
</div>

  <!-- Center is added for button placement -->
  <button onclick="newQuote()">New Quote</button>

<script type="text/javascript" src="ron.js"></script>

关于用户首次访问页面时如何添加报价以显示报价的任何建议？

只需在页面加载时调用您的函数即可：

window.addEventListener('load', newQuote, true);

只需在页面加载时调用函数：

window.addEventListener('load', newQuote, true);

要使函数在用户加载页面后立即运行，请在脚本末尾添加以下内容：

window.onload = newQuote;

或者使用html body属性执行此操作

<body onload="newQuote()">

要让函数在用户加载页面后立即运行，请在脚本末尾添加以下内容：

window.onload = newQuote;

或者使用html body属性执行此操作

<body onload="newQuote()">

只需调用

newQuote（）

标记上方处理，因此在脚本中定义后添加code>。无需添加onload
事件侦听器

var quotes=[“quote 1”、“quote 2”、“quote 3”]；
函数newQuote（）{
var randomNumber=Math.floor（Math.random（）*quotes.length）；
document.getElementById（'quoteDisplay'）。innerHTML=quotes[randomNumber]；
}
newQuote（）

新报价
只需调用newQuote（）
标记上方处理，因此在脚本中定义后添加code>。无需添加onload
事件侦听器

var quotes=[“quote 1”、“quote 2”、“quote 3”]；
函数newQuote（）{
var randomNumber=Math.floor（Math.random（）*quotes.length）；
document.getElementById（'quoteDisplay'）。innerHTML=quotes[randomNumber]；
}
newQuote（）

新报价
一种方法，即使用内联事件处理程序，例如onclick
，onblur
，来避免使用突兀的JavaScript，如下所示：

//引号：
让引号=[“引号1”、“引号2”、“引号3”、]，
//单击事件绑定到的按钮：
按钮=document.querySelector（“#changeQuote”），
//创建的单击事件（可以使用任何其他名称
//但是由于我们绑定了一个click事件处理程序
//创建命名的“单击”事件是有意义的：
clickEvent=新事件（“单击”）；
//使用EventTarget.addEventListener（）绑定newQuote（）
//函数-注意故意缺少括号，不是这样的
//错误-作为“单击”事件的事件处理程序：
按钮。addEventListener（'click'，newQuote）；
//这里我们使用EventTarget.dispatchEvent（）触发事件：
按钮。dispatchEvent（单击事件）；
函数newQuote（）{
var randomNumber=Math.floor（Math.random（）*（quotes.length））；
document.getElementById（'quoteDisplay'）。innerHTML=quotes[randomNumber]；
}

更改quote
一种方法是，使用内联事件处理程序，例如onclick
，onblur
，不再使用突兀的JavaScript，如下所示：

//引号：
让引号=[“引号1”、“引号2”、“引号3”、]，
//单击事件绑定到的按钮：
按钮=document.querySelector（“#changeQuote”），
//创建的单击事件（可以使用任何其他名称
//但是由于我们绑定了一个click事件处理程序
//创建命名的“单击”事件是有意义的：
clickEvent=新事件（“单击”）；
//使用EventTarget.addEventListener（）绑定newQuote（）
//函数-注意故意缺少括号，不是这样的
//错误-作为“单击”事件的事件处理程序：
按钮。addEventListener（'click'，newQuote）；
//这里我们使用EventTarget.dispatchEvent（）触发事件：
按钮。dispatchEvent（单击事件）；
函数newQuote（）{
var randomNumber=Math.floor（Math.random（）*（quotes.length））；
document.getElementById（'quoteDisplay'）。innerHTML=quotes[randomNumber]；
}

Change quote
看一看。@alex:为什么？元素已经在页面上了。@DavidThomas Matthew说他想在页面加载时显示一个随机引号。你必须使用Javascript随机生成引号。你可以创建一个新的DOM元素来保存字符串，也可以将字符串注入现有的DOM元素中。文档我建议他关注的是动态创建元素。如果他愿意，他可以动态创建
元素。看看。@alex:为什么？元素已经在页面上了。@DavidThomas Matthew说他希望在页面加载时显示一个随机引用。你必须使用Javascript随机生成一个qu注意。您可以创建一个新的DOM元素来保存字符串，也可以将字符串注入现有的DOM元素。我建议他查看的文档是关于动态创建元素的。如果他愿意，他可以动态创建
元素。哦，太好了。这比我预期的要容易得多。比谢谢！太好了。这比我想象的要容易多了。谢谢！谢谢你的帮助！谢谢你的帮助！