ホーム > javascript > JavaScript 空白改行タブ

JavaScript 空白改行タブ

JavaScriptリファレンス

空白改行タブは無視される
空白の除去 trim()

空白改行タブは無視される

JavaScript では、空白改行タブはすべて無視されます。プログラムコード中に自由に記述することが可能です。これらをプログラム中に挿入し、読み易いコードを記述するようにしましょう。

JavaScript
ブラウザ
html

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//空白
                    
                    
                    
//改行












//タグ
						
						
						
						
						
</script>
<!-- ============ JavaScript ============ // -->

//空白

//改行

//タグ

</script>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="all">
<title>JavaScript | WEPICKS!</title>
</head>
<body>

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//空白
                    
                    
                    
//改行












//タグ
						
						
						
						
						
</script>
<!-- ============ JavaScript ============ // -->

</body>
</html>

<!DOCTYPE html>

<head>

<title>JavaScript | WEPICKS!</title>

</head>

<body>

//空白

//改行

//タグ

</script>

</body>

</html>

前後の空白除去

trim();メソッドで文字列の前後の空白を削除できます。

JavaScript
ブラウザ
html

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//除去前
var string = "　 JavaScript 　";
document.write(string+"<br>");

//前後空白除去
string = string.trim();
document.write(string+"<br>");
</script>
<!-- ============ JavaScript ============ // -->

//除去前

var string = "　 JavaScript 　";

document.write(string+"<br>");

//前後空白除去

string = string.trim();

document.write(string+"<br>");

</script>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="all">
<title>JavaScript | WEPICKS!</title>
</head>
<body>

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//除去前
var string = "　 JavaScript 　";
document.write(string+"<br>");

//前後空白除去
string = string.trim();
document.write(string+"<br>");
</script>
<!-- ============ JavaScript ============ // -->

</body>
</html>