alexa-tracking
Kategori
Kategori
Pengumuman! Mau dimodalin 25 Juta untuk acara komunitas? Ceritain aja tentang komunitas lo di sini!
Home / FORUM / All / Tech / ... / Programmer Forum /
Membuat external file javascript dan load di page HTML
1024
1024
KASKUS
51
244
https://www.kaskus.co.id/thread/5cac4e93a2d1953ee173085f/membuat-external-file-javascript-dan-load-di-page-html

Membuat external file javascript dan load di page HTML

Selemat sore agan2,

Jadi begini .. lagi mencoba membuat file javascript external, dimana fungsi js tersebut menambahkan tag div, a href dan img pada setiap laman html itu memanggil. sbg contoh:

file HTML

HTML Code:
<html>
<head>
<title>Coba Coba</title>
</head>
<body>
<skrip src="file.js" type="text/javascript"></skrip>
</body>
</html>


file js
Quote:


harapan yg diinginkan ketika diload file tersebut, dalam HTML seperti

HTML Code:
<body>
<skrip src="file.js" type="text/javascript"></skrip>
<div id='gambar'>
<a href='http://oncom.oncom'><img src='img.jpg' width='300' height='250' /></a>
</div>
</body>


Mohon pencerahannya emoticon-Smilie
Diubah oleh 5433273
Beri apresiasi terhadap thread ini Gan!
cobain gini
Spoiler for hateemel:

Spoiler for japaskrip:

tapi kalo di-view-source yang kelihatan hanya html-nya.
bisa dicoba pakai dom.
Spoiler for Html:
Diubah oleh soeleman
Quote:

Selamat siang gan emoticon-Smilie

jika tanpa trigger body / div / class bisa ga ya?
jadi script js ini mau aku mw letakkan di website temen saya dan saya tidak tau struktur tag html karena dinamis.
kan itu untuk memunculkan document.body.appendchild(divElm);

yg pasti script javascript ini dipanggill dalam <div> tapi dinamis contoh:

HTML Code:
<body>
<div id=bla_looping_ bla..bla..>
<skrip src="file.js" type="text/javascript"></skrip>
<div id="gambar">
<a href="http://oncom.oncom/">
<img src="blabla.jpg" width="300px" height="250" /> //show image
</a>
</div>
</div>
<div id="bla bla"> ....... </div>
</body>


Diubah oleh 5433273
Quote:

trigger apanya ya.
file.js nya itu khan diambil(fetch) dan execute setelah html-nya di-parse.
Karena dipasang attribute defer pada tag script.

Quote:

document.body.appendchild(divElm) akan menaruh element itu sebelum tag </body>
Kalau mau menambahkan element dispesifik lokasi/node, mesti lihat override method appendchild-nya atau cara lainnya. silahkan cari dan baca dokumentasi-nya.

Quote:

untuk script sudah dijelaskan diatas, tidak berpengaruh, baik itu dia ditaruh didalam tag div seperti contoh agan.
Balasan post 5433273
Ya tinggal diubah saja, yang tadinya appendChild dari body, sekarang dari div.
Quote:

thanks gan referensinya, agak sulit memang menjelaskan .. gambar saya muncul dipaling bawah halaman website tmnku, padahal script tsb udh diplace pada kolom image yg telah disesuaikan. but .. karena document.body.appendchild() jadi imagenya muncul sebelum tag </body> dan ouput ada pada setelah footer website ..

Quote:

saya tidak mendapatkan unique id dan class. lagi stack dan mencoba tag element yg ada dan itu absolute tdk bisa diubah emoticon-Smilie
mencoba document.frameElement atau [removed]r dll .. puyeeeng

Mungkin maksudnya, element yang dibuat tadi ditaruh setelah element-script (yang src-nya file.js).
Spoiler for Html:
Quote:

Matur suwun mas atas pencerahannya emoticon-Smilie



GDP Network
© 2019 KASKUS, PT Darta Media Indonesia. All rights reserved
Ikuti KASKUS di