javascript提取内容到作为文章简介的代码 分类：JavaScript进阶教程_JavaScript技术文章 · 发布时间：2021-10-06 07:34 · 阅读：10538 javascript提取文本框内容到另一个文本框，经常被用来做内容简介的读取，这样编辑就不用每次都去处理一篇文章的简介了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>脚本之家 www.0133.cn</title></head><body> </body></html><textarea name="content" id="content">有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！有时真想做一个稻草人，站在一望无际的田野上，看着人来人往，在一个被人遗忘的小角落里，我依旧在守候着！</textarea><input onclick="limitL()" value="提取前100个汉字做简介" type="button"/><textarea name="jianjie" id="jianjie"></textarea> </div> <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;"> <strong style="color: #666;">标签：</strong> <div class="tags" style="display: inline-flex; margin-top: 10px;"> <span class="tag">提取内容</span> </div> </div> </article> <div style="margin-top: 40px;"> <h2 style="margin-bottom: 20px; color: #333; font-size: 22px;">相关文章</h2> <div class="article-list"> <a href="/article.php?id=605818" class="article-card"> <h3>一起来学习TypeScript的类型</h3> <p class="description">这篇文章主要为大家详细介绍了TypeScript的类型，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助</p> </a> <a href="/article.php?id=605473" class="article-card"> <h3>JavaScript去除字符串两端空格的三种方法</h3> <p class="description">本文主要介绍了JavaScript去除字符串两端空格的三种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧</p> </a> <a href="/article.php?id=605041" class="article-card"> <h3>html2canvas图片跨域问题图文详解</h3> <p class="description">我们在进行图片保存的时候经常会发现图片跨域了,下面下面这篇文章主要给大家介绍了关于html2canvas图片跨域问题的相关资料,需要的朋友可以参考下</p> </a> <a href="/article.php?id=604886" class="article-card"> <h3>JavaScript中Set基本使用方法实例</h3> <p class="description">因为Set中存放的数据都是不会重复的数据,我们在编写JS代码的时候,因此我们可以利用Set来帮助我们更便捷地完成许多的事,下面这篇文章主要给大家介绍了关于JavaScript中Set基本使用方法的相关资料,需要的朋友可以参考下</p> </a> <a href="/article.php?id=604872" class="article-card"> <h3>详解vscode中console.log的两种快速写法</h3> <p class="description">这篇文章主要介绍了vscode中console.log的两种快速写法,每种方法通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下</p> </a> </div> </div> <div style="margin-top: 40px; text-align: center;"> <a href="/category.php?id=74&type=classify" style="display: inline-block; padding: 12px 30px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; text-decoration: none; border-radius: 25px; font-size: 16px;"> 返回分类 </a> <a href="/index.php" style="display: inline-block; padding: 12px 30px; background: #fff; color: #667eea; text-decoration: none; border-radius: 25px; font-size: 16px; margin-left: 15px; border: 2px solid #667eea;"> 返回首页 </a> </div> </div> </main> <footer class="site-footer"> <div class="container"> <div class="footer-content"> <p>© 2026 0133技术栈。All Rights Reserved.</p> </div> </div> </footer> <script> // 移动端菜单切换 document.addEventListener('DOMContentLoaded', function() { var menuBtn = document.querySelector('.mobile-menu-btn'); var navList = document.querySelector('.nav-list'); if (menuBtn) { menuBtn.addEventListener('click', function() { navList.classList.toggle('active'); this.classList.toggle('active'); }); } }); </script> </body> </html>