プログラミング未経験者の備忘録

ノンプログラマーが社内SEになったのでイチからプログラミングを勉強し始めました!

javaScriptの基礎とPHPとの連携についてのメモ

f:id:su3se:20190602094405g:plain

JavaScriptの基本的な書き方の規則と取り扱い方法

JavaScript の書き方

<script>~</script>

通常のページ側でScriptを書く場合は<script>~</script>で挟んで書く

<script>~</script>
<script>
alert("Hello!!");
</script>


外部ファイル(src=...)
jsファイルにプログラムを作りページ側からリンクで呼び出す。

例:

<script src="test.js"></script>

test.js

function ohayou() {
alert("Hello!");
}

複数呼び出す場合

1こずつコードを書いて呼び出す。(1つのコードから一気に複数は呼び出せない)

<script src="test1.js"></script>
<script src="test2.js"></script>

イベントハンドラ(on~)

<input type="button" value="Click Me!!" onclick="alert('Hello!!')">

URL記述(javascript:...)

<a href="javascript:alert('Hello!!')">Click Me!!</a>


PHPJavaScriptの連携

サンプルコード

<?php

echo <<<EOM
<script type="text/javascript">
alert( "TEST" )
</script>
EOM;

?>

変数の連携

<script type="text/javascript">
var a = <?php echo $a; ?>;
</script>

 

この辺りのことはこれから使っていくことが多くなるだろうと思うのでメモとして残しておきます。

 

上記二つのブログはかなりタメになるので興味のある方は見てみてください。

 

出典

so-zou.jp

www.tohoho-web.com