Eu tenho um código que está em um arquivo externo e preciso carregá-lo via Javascript, porém não sei como fazer isso. Eu já tentei de diversas formas, e pelo visto a melhor seria com um iframe, porém nem isso. A ideia era usar a função load() do jQuery, mas tem um detalhe: o código está sendo rodado localmente, então isso não funciona devido às permissões HTTP e afins. Então eu pensei em fazer um iframe assim:
<iframe id="iframe" src="script1.html"></iframe>
Então tentei assim:
var text = $("#iframe").val();
Não me retornou nada, então fiz umas tags no arquivo e tentei assim:
$('#iframe').contents().find("html").html();
Mesmo assim, nada. Então tentei dessa forma:
var iBody = $("#iframe").contents().find("body");
var myContent = iBody.find("#myContent");
O problema é que o Chrome retorna um erro:
Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.
Ou seja, será não tem como carregar um arquivo localmente? Eu apenas preciso de um arquivo limpo com os códigos para carregar depois, eu até colocaria diretamente dentro de uma tag dentro da página, mas isso ficaria muito sujo, visto que outra pessoa irá mudar o código. Obs.: Esse código que deve ser carregado a que me refiro é um documento de texto, ou seja, você pode interpretar como quiser, simplesmente, são várias frases, nada de especial quanto a isso.