Products
GG网络技术分享 2025-11-22 10:31 0
哎呀,网页上的细小空格真实不喜欢,让我们kan起来乱乱的。别急,我来教你怎么用JS把这玩意儿细小麻烦给去掉,让网页变得整洁又漂亮!

先说说 我们要新鲜建一个HTML页面叫Zuo“test.html”,这样我们才Neng在上面Zuo些细小魔法哦!
在test.html页面里 我们要写一个超级轻巧松的函数,叫Zuo“delAll”,这玩意儿函数的作用就是清除网页上的全部内容,就像把桌子上的东西全部拿走一样。
在delAll函数内, 我们得到当前页面body对象,用innerHTML属性赋值为空的方法清除网页内容。
哦, 对了函数长远这样:
testStr = trim;
去掉空格的本质就是将字符串中的空字符串删除, 根据这玩意儿解决思路,我们有许多种解决方法。比如我们Neng用trim函数来去掉字符串两边的空格。
写成类的方法格式如下:
str.trim;
哦, 对了trim函数是这样的:
String.prototype.trim = function {
return this.replace|/g, "");
}
在test.html页面里我们还要添加一个按钮,按钮上写着“清除网页内容”。施行delAll函数,网页上的内容就会全部消失,就像魔法一样神奇!
在p标签的下面创建一个button按钮,按钮名称为“清除网页内容”。给button按钮绑定onclick点击事件,当按钮被点击时施行delAll函数。
按钮代码如下:
var testStr = "这是测试的文本,有hen许多空格!";
function trim {
return str.replace|/g, "");
}
var chars = str.split;
function ltrim {
var rst = "";
for{
var c = str.charAt;
if{
rst = rst + c;
}
}
return rst;
}
function rtrim {
var rst = "";
for{
var c = str.charAt;
if{
rst = c + rst;
}
}
return rst;
}
在浏览器中打开test.html页面点击“清除网页内容”按钮,网页kan得出来空白,内容被清除。怎么样,是不是hen轻巧松呢?眼下你的网页kan起来整洁许多了吧!
通过上面的步骤,我们就Neng轻巧松去掉网页上的全部空格,让页面kan起来geng加整洁美观。Ru果你还有其他问题,或者想学geng许多的网页制作技巧,欢迎来问我哦!
Demand feedback