欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 编程资源 > 编程问答 >内容正文

编程问答

ES6 trim()方法

发布时间：2023/12/14 编程问答 54 豆豆
生活随笔 收集整理的这篇文章主要介绍了 ES6 trim()方法 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

trim()

语法：str.trim()

该方法会从一个字符串的两端删除空白字符，但字符串中间的空格不会被祛除。

trim()方法并不影响字符串本身，它返回的是一个新的字符串。

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body><script>// trim方法去除字符串两侧空格 字符中间的空格不能去掉var str = ' lu cy ';var str1 = str.trim();console.log(str);console.log(str1);</script> </body> </html>

实例

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.content {height: 200px;width: 300px;border: 1px solid #ccc;margin-top: 10px;}input {outline-style: none;}</style> </head> <body><input type="text"> <button>提交</button></body></html><div class="content"></div><script>var input = document.querySelector('input');var button = document.querySelector('button');var content = document.querySelector('.content')button.addEventListener('click',function(){var input_content = input.value.trim();if(input_content === '' ){input.value = '';return alert('提交的内容不能为空');}content.innerHTML = input_content;input.value = '';})</script> </body> </html>

总结

以上是生活随笔为你收集整理的ES6 trim()方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。