Menggunakan cfsavecontent dan cfhtmlhead untuk menempatkan javascript di bagian header html


Terkadang kita membutuhkan javascript di halaman html, tetapi script tersebut harus diletakkan di bagian header dari html dan kita tidak mau mengubah file header yang diinclude di halaman itu (jika menggunakan misalnya header.cfm sebagai file include untuk header dan footer.cfm sebagai file include untuk footer)


Solusi yang biasa aku pergunakan untuk masalah ini adalah dengan menggunakan tag cfsavecontent dan cfhtmlhead.

<html>

<head>
<title>cfsavecontent dan cfhtmlhead</title>
</head>

<body>

html body

<br>
jsVariable = 

<script>
	document.write(jsVariable);
</script>

<cfsavecontent variable="jsScript">
<script>
	var jsVariable = "string content";
</script>
</cfsavecontent>

<cfhtmlhead text="#jsScript#">

</body>

</html>

html output dari script di atas adalah

<html>

<head>

<title>cfsavecontent dan cfhtmlhead</title>


<script>
	var jsVariable = "string content";
</script>
</head>

<body>

html body

<br>
jsVariable = 


<script>
	document.write(jsVariable);
</script>



</body>

</html>

Lihat bagian yang di highlight dari kedua script di atas, baris ke 19, 20, dan 21 dari script pertama akan ditampilkan pada bagian header di script ke dua, di baris ke 7, 8, dan 9.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: