Sayfa yüklendikten sonra jQuery aracılığıyla dinamik olarak bir <script> etiketi nasıl eklenir?

Bunu çalıştırmakta sorun yaşıyorum. Önce komut dosyası etiketlerimi dizeler olarak ayarlamayı ve ardından sayfa yüklendikten sonra bunları belgeye eklemek için jquery replaceWith () kullanmayı denedim:

var a = '<script type="text/javascript">some script here</script>';
$('#someelement').replaceWith(a);

Ama bu değişkende dize değişmez hataları aldım. Daha sonra dizeyi şu şekilde kodlamayı denedim:

var a = '&left;script type="text/javascript">some script here<\/script>';

ancak bunu replaceWith()tarayıcıya yalnızca bu dizeyi çıktı olarak göndermek .

Birisi <script>, ideal olarak jQuery aracılığıyla, sayfa yüklendikten sonra tarayıcıya dinamik olarak nasıl etiket ekleyeceğinizi bana bildirebilir mi?

Komut dosyasını ayrı bir dosyaya koyabilir, ardından $.getScriptonu yüklemek ve çalıştırmak için kullanabilirsiniz.

Misal:

$.getScript("test.js", function(){
    alert("Running test.js");
});

Takip etmeyi dene:

<script type="text/javascript">
// Use any event to append the code
$(document).ready(function() 
{
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "http://scriptlocation/das.js";
    // Use any selector
    $("head").append(s);
});

http://api.jquery.com/append

Modern (2014) JQuery ile bunu yapmanın doğru yolu:

$(function () {
  $('<script>')
    .attr('type', 'text/javascript')
    .text('some script here')
    .appendTo('head');
})

veya gerçekten bir div'i değiştirmek istiyorsanız şunları yapabilirsiniz:

$(function () {
  $('<script>')
    .attr('type', 'text/javascript')
    .text('some script here')
    .replaceAll('#someelement');
});

Daha basit bir yol:

$('head').append('<script type="text/javascript" src="your.js"></script>');

Bu formu css yüklemek için de kullanabilirsiniz.

Bu cevap teknik olarak jcoffland'ın yanıtladığı şeye benzer veya ona eşittir. Bir komut dosyasının zaten mevcut olup olmadığını tespit etmek için bir sorgu ekledim. Buna ihtiyacım var çünkü bir intranet web sitesinde birkaç modülle çalışıyorum, bunlardan bazıları komut dosyalarını paylaşıyor veya kendilerininkini getiriyor, ancak bu komut dosyalarının her seferinde yeniden yüklenmesi gerekmiyor. Bu pasajı üretim ortamında bir yıldan fazla bir süredir kullanıyorum, bir charme gibi çalışıyor. Kendi kendime yorum yapıyorum: Evet biliyorum, bir fonksiyon olup olmadığını sormak daha doğru olur ... :-)

if (!$('head > script[src="js/jquery.searchable.min.js"]').length) {
    $('head').append($('<script />').attr('src','js/jquery.searchable.min.js'));
}

Daha çok bir hack'e benzeyen bir geçici çözüm var ve bunu yapmanın en zarif yolu olmadığına, ancak% 100 işe yaradığına katılıyorum:

AJAX yanıtınızın şunun gibi olduğunu söyleyin:

<b>some html</b>
<script>alert("and some javscript")

Kapanış etiketini bilerek atladığımı unutmayın. Ardından yukarıdakileri yükleyen komut dosyasında aşağıdakileri yapın:

$.ajax({
    url: "path/to/return/the-above-js+html.php",
    success: function(newhtml){
        newhtml += "<";
        newhtml += "/script>";
        $("head").append(newhtml);
    }
});

Sadece bana nedenini sorma :-) Bu, neredeyse rastgele denemeler ve başarısızlıkların umutsuzluğunun bir sonucu olarak geldiğim şeylerden biri.

Nasıl çalıştığına dair tam bir önerim yok, ancak ilginçtir ki, kapanış etiketini bir satıra eklerseniz işe yaramayacak.

Böyle zamanlarda, başarılı bir şekilde sıfıra bölündüğümü hissediyorum.

Misal:

var a = '<script type="text/javascript">some script here</script>';
$('#someelement').replaceWith(a);

İşe yaramalı. Denedim; aynı sonuç. Ama bunu kullandığımda:

var length = 1;
var html = "";
for (var i = 0; i < length; i++) {
    html += '<div id="codeSnippet"></div>';
    html += '<script type="text/javascript">';
    html += 'your script here';
    html += '</script>';
}
$('#someElement').replaceWith(a);

Bu benim için çalıştı.

Düzenleme: unuttum #someelement( #someElementsözleşmeler nedeniyle kullanmak isteyebilirim )

Buradaki en önemli şey + = yani html eklenir ve değiştirilmez.

İşe yaramadıysa bir yorum bırakın. Sana yardım etmek isterim!

İşte çok daha net bir yol - jQuery'ye gerek yok - bu, bir komut dosyasını aşağıdakilerin son çocuğu olarak ekliyor <body>:

document.body.innerHTML +='<script src="mycdn.js"><\/script>'

Ancak komut dosyaları eklemek ve yüklemek istiyorsanız Rocket Hazmat'ın yöntemini kullanın .

Dinamik olarak oluşturulmuş bir JavaScript çalıştırmaya çalışıyorsanız, kullanmanız biraz daha iyi olacaktır eval. Ancak JavaScript o kadar dinamik bir dil ki buna gerçekten ihtiyacınız olmamalı.

Komut dosyası getScriptstatikse, Rocket'ın önerisi doğru yoldur.