JavaScript veya CSS'yi çalıştırmadan yükleme yöntemleri nelerdir?

Question

Sayfanın başı veya gövdesi için <style> veya <link> etiketlerini ekleyerek dinamik komut dosyası/css yüklemesinin farkındayım, ancak indirildikten sonra tarayıcı tarafından yürütülür. İndirmenin başka yollarını düşünüyordum ama javascript/css kodunu çalıştırmıyordum. İlk ne fikrimi gelen XMLHttpRequest oldu:

//simple execution received script 
var executeScript = function(code){ 
    eval(code); 
}; 
//create XMLHttpRequest in cross-browser manner 
var xhr = createXMLHTTPObject(); 
//check whether file is loaded 
var checkStatus = function(){ 
    if(xhr.readyState == 4){ 
     if(xhr.status >= 200 && xhr.status < 300 || xhr == 304){ 
      executeScript(xhr.responseText); 
     } 
     else {//error 
     } 
    } 
}; 
//do request 
xhr.open('get','http://podlipensky.com/examples/dynamicscript/hey.js', true); 
xhr.onreadystatechange = checkStatus; 
xhr.send(null); 

Ancak bu durumda biz çünkü aynı Kökeni Politikası aynı etki (biz CORS ile buna bir çözüm bulmak deneyebilirsiniz rağmen)

gelen komut ile sınırlısınız

Başka bir yaklaşım, sayfa için dinamik olarak iframe eklemek ve iframe için script etiketi eklemek, bu yüzden, komut dosyası indirildikten sonra yürütülecek, ancak başka bir sayfa bağlamında olur - iframe.

Komut dosyasını indirmenin ve yürütmenin başka yolları var mı?

GÜNCELLEME: indirmek için yararlı olacağını nedenlerinden

Bir, ancak javascript yürütmüyor/css önceden yük üçüncü parti kütüphaneleri, fakat sadece talep üzerine bunları kullanmaktır.

Answer 1

Ayrıca, bir iframe ve çerçevenin src komut dosyası/css URL'sini de kullanabilirsiniz (bu yüzden değerlendirilmez/hiç uygulanmaz), ancak JavaScript'in bu durumda olduğundan emin olmak istersiniz./CSS, < karakterleri ve benzerleri ile ilgili talihsiz şeylerden kaçınmak için Content-Type text/plain ile teslim edildi. Her ne kadar bu yaklaşımla SOP konularına girmeniz gerekiyorsa da, iyi bir tarayıcıda, iframesrc farklı bir kaynaktan geliyorsa. Bunun dışında, büyük ölçüde listelediğiniz seçeneklerle kapsanmış olduğunu düşünüyorum.

Answer 2

Komut dosyanız basit bir işlevi tanımlarsa, aslında hiçbir şey yapmadan çalıştırılabilir. Tabii ki bu ala JSONP

//jsonp 
var result = {/*...*/}; 

//missingnonp 
var f = function(){ /**/ }; 

Answer 3

Eğer söz konusu JS yüklemek istediğiniz içine sayfayı teslim sunucuyu kontrol varsayarsak her iki taraftan işbirliğini gerektirir, kolay yolu URL göndermek için AJAX üzerinden sunucunuza, oradan yükleyin (örneğin, PHP file_get_contents ($ url);) ve AJAX çağrısının sonucu olarak geri alın. Bu yaklaşımı here Bulunan

<object data="http://podlipensky.com/examples/dynamicscript/hey.js" /> 

: - Sadece (SOP'a çakışan olmadan) uyumsuz komut/css yüklemek için bir daha seçenek öğrendim

Answer 4

<object> etiketi kullanmaktır. Bu yüzden sizinle sadece bulgularımı paylaşıyorum, umarım faydalı olacaktır.