Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击即可更改文本并保持更改_Javascript_Jquery_Html_Text_Onclick - Fatal编程技术网

Javascript 单击即可更改文本并保持更改

Javascript 单击即可更改文本并保持更改,javascript,jquery,html,text,onclick,Javascript,Jquery,Html,Text,Onclick,我有一个带“嘿”的div。当我点击它时,它会变成“你还好吗?”。但我想继续发更多的短信。我如何才能使它,当我点击“你还好吗”另一个文本出现,等等 HTML: $(文档).ready(函数(){ $(“#折叠”)。单击(函数(){ $(“折叠”)文本(“你还好吗?”); } ) } ); 嘿 给你!只需创建一个数组,如注释中所述 var text=[“嗨”、“一”、“二”、“三”、“四”] $(文档).ready(函数(){ var指数=0; $(“#折叠”)。单击(函数(){ 索引++;

我有一个带“嘿”的div。当我点击它时,它会变成“你还好吗?”。但我想继续发更多的短信。我如何才能使它,当我点击“你还好吗”另一个文本出现,等等

HTML:

$(文档).ready(函数(){
$(“#折叠”)。单击(函数(){
$(“折叠”)文本(“你还好吗?”);
} )
} );


给你!只需创建一个数组,如注释中所述

var text=[“嗨”、“一”、“二”、“三”、“四”]
$(文档).ready(函数(){
var指数=0;
$(“#折叠”)。单击(函数(){
索引++;
$(“#fold_p”).text(text[index]);
} )
} );


我会使用一个数组,然后移动该数组,以便有不同的模糊显示

$(文档).ready(函数(){
textList=[“你还好吗?”,“那很酷。”,“我喜欢小狗”];
$(“#折叠”)。单击(函数(){
$(“#fold_p”).text(textList.shift());
})
});


我们可以在
jQuery
以及
JavaScript
中实现这两种功能

  • 在单击以前显示的文本时动态更改文本
  • 最后一个文本作为链接
使用JavaScript

var text=[“第一”、“第二”、“第三”、“第四”]
var指数=0;
document.getElementById(“fold”).onclick=function(){
索引++;
如果(索引<文本长度){
if(index==text.length-1){
document.getElementById(“fold_p”).innerHTML='';
}否则{
document.getElementById(“fold_p”).innerHTML=text[index];
}
}
}


您可以将文本保存在一个数组中,并在每次单击时循环浏览该数组。。。示例创建一个消息数组。每次单击时,将数组中的下一条消息放入文本。是否希望它无限循环?谢谢,你真的帮助了我。但我仍然对最后一个词作为链接感到困惑。很抱歉,我对html和朋友都很陌生,我正在用它来做一件工作,你在问题中问我如何制作最后一个文本作为链接。所以我也回答了那部分。是的,我知道。我还是不明白它是怎么工作的。如何将其转到外部页面。您可以在href中提供任何
链接
,非常感谢您的反馈。我要试试看