javascript - 更改为 <p> 文本使用您拥有的一系列引号在每次点击 JavaScript 时显示自己-6ren

javascript - 更改为
文本使用您拥有的一系列引号在每次点击 JavaScript 时显示自己

转载作者：行者123 更新时间：2023-11-30 18:13:21

25

4

这就是我的问题，(我知道这可能是一个非常简单的问题，但我是 JavaScript 的新手)。所以我有一个报价 list 。我需要一个脚本，每次用户单击窗口的任何部分时，它都会根据我想要的时间顺序更改报价。然后当报价完成时再次重新启动。所以让我说，一旦用户打开页面，我有一个带有 quote1 的段落，而不是用户点击任何地方，然后发生这种情况:同一段落得到 quote2。

最佳答案

很难给出具体的答案，因为您留下了很多悬而未决的问题。但是，从概念上讲，这里是步骤:

注册一个点击事件处理程序，以便在发生所需的点击时调用您的代码。
当您的点击处理程序被调用时，您需要获取 <p> 的 DOM 对象您要更改的标签。
然后，您需要获取下一条要显示的报价。据推测，您会将这些存储在一个数组中，并且您会保留当前显示的数组位置的索引，以便您可以获得下一个。如果您希望它适用于不同的页面加载，那么您需要将索引存储在 cookie 中，以便它持续到这台计算机上的其他页面加载。
获得 DOM 元素和引号后，只需设置 DOM 元素的 innerHTML 属性即可插入所需的引号。

如果您的 HTML 是这样的:

<p id="theQuote">This is the first quote</p>

并且，您希望单击此按钮来更改报价:

<button onclick="changeQuote()">Change Quote</button>

或者如果你想在页面的任何地方点击，你可以将它用于你的 body 标签:

<body onclick="changeQuote()">

然后，您可以使用以下代码:

var quoteIndex = 0;
var quotes = [
    "First Quote",
    "Second Quote",
    "Third Quote"
];
function changeQuote() {
    ++quoteIndex;
    if (quoteIndex >= quotes.length) {
        quoteIndex = 0;
    }
    document.getElementById("theQuote").innerHTML = quotes[quoteIndex];
}

如果您确实希望通过点击页面中的任意位置来旋转引用(这似乎不太可能是正确的设计)，那么您可以将点击处理程序分配给 body 标记。

关于javascript - 更改为 <p> 文本使用您拥有的一系列引号在每次点击 JavaScript 时显示自己，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14017118/

25

4

0

文章推荐： javascript - 函数.原型(prototype).方法

文章推荐： javascript - 功能后结束javascript？

文章推荐： php - 如何在ajax链接函数中传递js变量

c - while(*p){p++;}、while (*++p){;} 和 while(*p++){;} 有什么区别？
关于strcat函数。 while (*p) p++; 和 while (*++p) ; 两者都有效，但是 while (*p++) ; 不起作用。我认为 first 和 th
What is "
" in HTML?(HTML中的““是什么
？)
下面例子中的第一行代码是什么。我看到一个YouTuber在写下面的代码，它显示了一个设计在csswar Challenges中。我也尝试了一下，它很管用。但我以前从未在任何HTML教程上看到过它，我在
html - 处理不间断空格 :

vs.

是不间断空格，表示没有换行的空白处。如果我用我在两个段落之间有一个空格(更大的间隔)。如果我使用我在两个段落之间只有一个新行(没有中断)。为什么？最佳答案在 HTML 中
字符* p = "hello"; printf ("%c %c %c %c", *p, *++p, *p++, *p);
这个问题已经有答案了: Why are these constructs using pre and post-increment undefined behavior? (14 个回答) 已关闭 9
c - "for ( ; *p;++p) *p = tolower(*p);"在 c 中如何工作？
我对编程还很陌生，只是想知道为什么这段代码: for ( ; *p; ++p) *p = tolower(*p); 当 p 指向一个字符串时，可以降低 c 中字符串的大小写吗？最佳答案一般来说，这
c - 为什么对于指针 *p，p[0] 是存储在 p 的地址而 p[1] 是 p 本身的地址？
代码 int n = 25; int *p = &n; printf("%x\n %d\n %x\n", p, p[0], p[1]); 返回: \ 当然我永远不会这样做，但在 K&R 中声明
python - 考虑到 p 在 python 中是素数，当我执行 p/p+1 + p+1/p 操作时出错
所以，我想创建一个简单的程序，返回有关连续素数的计算结果。首先，我创建一个包含所有这些素数的列表，然后尝试计算结果，但这给了我一个超出范围的索引。有人可以帮助我吗？我的程序: primes = []
c++ - C/C++ 中 p[i] 、 i[p] 和 *(p+i) 、 *(i+p) 的区别
这个问题在这里已经有了答案: With arrays, why is it the case that a[5] == 5[a]? (20 个答案) 关闭 9 年前。我想知道 C/C++ 中以下四
C++ - *p vs &p vs p
我仍在努力理解 *p、&p 和 p 之间的区别。根据我的理解，* 可以被认为是“指向的值”，而 & 可以被认为是“地址”。换句话说，* 保存值，而 & 保存地址。如果这是真的，那么 *p 和 p 之间
java - 需要更换
你是吗？ [xxxrecipientFirstNamexxx]
和
你是吗？ {recipientFirstName}

需要更换你是吗？ [xxxrecipientFirstNamexxx] 和你是吗？ {recipientFirstName} 。我尝试使用边界匹配器。但结果并不符合预期。我尝试使用下面的代码 "A
c# - query = query.OrderBy(p => p.IsTop).ThenOrderByDescending(p => p.JobId)?
我想按 IsTop 属性升序排序对象，然后按 JobId 属性降序排序: query = query.OrderBy(p => p.IsTop).ThenOrderByDescending(p =
java - Apache POI 数据格式化程序无法应用自定义格式 "0.0 p.p.;(0.0 p.p.)"
在我尝试使用 Apache POI 进行转换的 Excel 文件中，我有一个单元格的数值为 -3.97819466831428，自定义格式为“0.0 p.p.;(0.0 p.p.)”。因此，在 Exc
c# - 如何创建一个扩展方法，允许我调用 ToSerializableDictionary(p => p.ID) 而不是 .ToDictionary(p => p.ID)
我想创建一个扩展方法，允许我调用 ToSerializableDictionary(p => p.ID)而不是 .ToDictionary(p => p.ID)在以下 LINQ 上下文中。虽然我不确定
javascript - $ ("p").each(function (){}) vs for( p in $ ("p") 返回不同的段落数值
在下面的 HTML 代码上运行此 jQuery 代码会返回不同的结果，我认为它们应该返回相同的值。 jQuery 代码: var counter = 0; $("p").each(function()
c++ - 我在哪里可以找到标准中对 *p 和 p[0]、*(p+1) 和 p[1]、... 之间等价关系的引用？
在下面的代码片段中，符号 *p 等同于 p[0]，*(p + 1) 等同于p[1]，依此类推。 int* p = new int[3] { 1, 2, 3}; cout << *p << ' ' <<
c++ - Foo *p = 0;p->p() 如何有效？
这个问题在这里已经有了答案: What will happen when I call a member function on a NULL object pointer? [duplicate]
c - "p = p + (*p)++ * 3 + c;"会导致未定义的行为吗？
这个问题在这里已经有了答案: 关闭 10 年前。 Possible Duplicate: Undefined Behavior and Sequence Points 按照标准中的定义，E1 +=
What is "
" in HTML?(在HTML中“
”是什么？)
以下示例中的第一行代码是什么。我看到一个youtube用户写下面的代码，它显示在cssbattle挑战的设计。我也试过，它的作品。但我从来没有见过它在任何HTML教程之前，我在谷歌上搜索它，但它只显示
php - < o : p > & nbsp ; display error
每当我收到来自 MS outlook 的电子邮件时，我都会收到此标记 & nbsp ; (没有空格)哪个显示为？在 <>. 当我将其更改为 ISO-8859-1 时，浏览器页面字符集编码为 UTF-8
python - 获取标签之间的字符串(
p1
TEST
p2
中的 TEST)
代码: from bs4 import BeautifulSoup soup = BeautifulSoup('p1TESTp2') print soup.div() 结果: [p1, p2] 为什么

首页

博学

6Ren·AI

商城

javascript - 更改为
文本使用您拥有的一系列引号在每次点击 JavaScript 时显示自己

首页

博学

6Ren·AI

商城

javascript - 更改为 文本使用您拥有的一系列引号在每次点击 JavaScript 时显示自己

javascript - 更改为
文本使用您拥有的一系列引号在每次点击 JavaScript 时显示自己