Javascript kodunu çalışma zamanında bir html dosyasına yüklemek mümkün olup olmadığını soralım. Örneğin, komut dosyası dosyalarının konumunu girmek için bir metin kutusu ve komut dosyası dosyalarını yüklemeyi tetiklemek için bir form düğmesi yerleştirin.Javascript kodu çalışma zamanında bir html dosyasına nasıl yüklenir?
Önceden teşekkür ederiz.
(3 hat url düzeltin) o düğmeye OnClick içinde bu yapıştırın:
var script = document.createElement("script");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", "url to the script file here");
document.getElementsByTagName("head")[0].appendChild(script);
Bu komut hemen indirilmeye başlayacaktır. 4. satır yürütüldükten ve indirildikten hemen sonra yürütülür veya başka bir şekilde kullanılabilir olur.
Evet, jQuery getScript method bu önemsiz kılan: Alternatif sadece yerli javascript yöntemlerle
//on button click event:
$.getScript(urlOfScript);
//on button click event:
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'urlOfScript';
head.appendChild(script);
Yukarıdaki tüm iyi cevaplar. Ayrıca jj'yi ajax yoluyla başka bir html parçası olarak yükleyebilirsiniz. Kısa örnek:
start.html
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<a href="#" onclick="$('#result').load('start.js'); return false;">start</a>
<div id="result"></div>
</body>
</html>
start.js
<script type="text/javascript">
alert('Hello world!');
</script>
Sen ajax jquery gerekmez - Sadece kavramının o kadar çabuk kanıt kullandı.
Aynı zamanda burada bir jquery yöntemi de var.
Bir komut dosyası öğesi oluşturacak ve gövdeye ekleyecektir.
.appendTo('head')'u da kullanabilirsiniz.
Bir başlık öğesi olduğundan emin olun. Aksi takdirde, vücut için de çalışıyor. Soru, jQuery ile etiketlenmediğinden, Btw, +1, saf JavaScript'e yapışmak için. –
Bu yöntemle iki komut dosyası eklerseniz ne olur? Aynı anda indirmeye mi başlayacaklar yoksa ikincisi birincisini bekleyecek mi? –