使用JavaScript实现文本的动态显示

来源：动视网责编：小OO 时间：2020-11-27 20:13:16

使用JavaScript实现文本的动态显示

本文实例为大家分享了JS动态显示文本的具体代码，供大家参考，具体内容如下：index.html。<。DOCTYPE html>；<；html lang="；zh"；>；<；head>；<；meta charset="；utf-8"；>；<；title>；页面（HTML5）<；/title>；<；main.js。；show函数封装在专门存放JS脚本代码的文件夹main.js，function是属于JavaScript的脚本语言函数。function是JavaScript语言中的关键词，也就是声明一个函数时使用的。demo。

推荐度：

点击下载本文 文档为doc格式

导读本文实例为大家分享了JS动态显示文本的具体代码，供大家参考，具体内容如下：index.html。<。DOCTYPE html>；<；html lang="；zh"；>；<；head>；<；meta charset="；utf-8"；>；<；title>；页面（HTML5）<；/title>；<；main.js。；show函数封装在专门存放JS脚本代码的文件夹main.js，function是属于JavaScript的脚本语言函数。function是JavaScript语言中的关键词，也就是声明一个函数时使用的。demo。

这篇文章主要为大家详细介绍了使用JavaScript动态显示文本，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了JS动态显示文本的具体代码，供大家参考，具体内容如下

index.html：

<!DOCTYPE html>
<html lang="zh">
 <head>
 <meta charset="utf-8" >
 <title>页面（HTML5）</title>
 <!-- 通过链接的方式使用 CSS -->
 <link rel="stylesheet" href="css/master.css" rel="external nofollow" />
 <script src="js/main.js" charset="utf-8"></script>
 </head>
 <body>
 <!-- HTML5 语义标签 -->
 <header>
 time is long, life is short
 </header>

 <main>
 <aside class="">
 aside
 </aside>
 <article class="">
 <input id="info" placeholder="输入内容">
 <!-- <input type="button" value="添加"> -->
 <button onclick="show()" type="button" name="button">添加</button>
 <h1 id="result">显示</h1>

 </article>
 </main>

 <footer>Copyright (c) 2016 Copyright Holder All Rights Reserved.</footer>

 </body>
</html>

main.js:

show函数封装在专门存放JS脚本代码的文件夹main.js，function是属于JavaScript的脚本语言函数。。function是JavaScript语言中的关键词，也就是声明一个函数时使用的。

demo：