동적 코드를 Javascript를 통해 정적 사이트에 삽입하는 앱을 개발할 수 있습니다. 나는 여기서 일하는 나의 프로젝트 중 하나를 위해 그것을한다. 그리고 그것은 받아 들일 수있는 해결책 인 것처럼 보인다.
빠른 HTML 샘플 :
<!doctype html>
<html>
<head>
<title>Test</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="loader.js"></script>
</head>
<body>
<div id="customcontent" class="contentlib"></div>
</body>
loader.js :
$().ready(function() {
$('<style type="text/css"> ... </style>').appendTo('head');
$('.contentlib').each(function() {
$.getScript($(this).attr('id')+'.js');
});
});
customcontent.js :
$().ready(function() {
$('#customcontent').html(' ... ');
});
이 그것이어야보다 조금 더 복잡하다 (div의 id에 기초한 두 번째 스크립트로드) 동일한 페이지에서 여러 대체를 지원해야하기 때문에.
어쨌든, 제 3 자 웹 사이트에서 앱을 주입하는 데 사용하는 것을 볼 수 있으며, AJAX 양식 제출을 계속 사용하는 한 평범한 사용자는 더 현명하지 못합니다.
+1 Sinatra. – fl00r