39
48

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

phpファイル内でのhtmlとJavaScriptの書き方

Last updated at Posted at 2016-06-29

久しぶりにphp触ったらちょっと迷ったのでメモ

・PHP部分は<?php?>で挟む
・HTMLは上記のPHPタグ外に書く
・逆にHTMLタグ中にPHPを書くことはできる。例:<p></php echo $hoge; ?><p>
・JavaScriptはHTMLの<head>タグの間に<script type="text/javascript"></script>で挟んで書く。
※JavaScript非対応ブラウザ(i-modeなど?詳細は確認お願いします)の場合、JavaScriptがそのまま表示されるので、<!---->(HTMLのコメントアウト)で挟んで隠れるようにする。

まとめると

<?php 
// PHP部分
// 実際にはPOSTされた値を取得したりするなどご自由に
$title = '文字列分割';
$data = 'hoge,huga';
$separator = ',';
?>
<!-- HTMLはPHPタグ外に書く -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><?php echo $title; ?></title>
<!-- JavaScriptはscriptタグで囲む -->
<script type="text/javascript">
<!-- JacaScript未対応ブラウザ対策
// 実際には入力チェックなどする
var today = new Date();
var month = today.getMonth() + 1;
var day = today.getDate();
document.write("今日は" + month + "月"+ day + "日です。");
// JacaScript未対応ブラウザ対策 -->
</script>
</head>
<body>

<noscript>
<!-- JavaScriptが利用できない環境の場合表示される -->
<p>あなたのブラウザはJavaScriptが利用できません</p>
</noscript>

<h1><?php echo $title; ?></h1>
<p>対象の文字列:<?php echo $data; ?></p>
<p>区切り文字:<?php echo $separator; ?></p>
<p>分割結果:<?php print_r(explode($separator, $data));?></p>
</body>
</html>

追記:
コメントによりよい例文が上がっているので、そちらも参照ください!!

39
48
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
39
48

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?