次のコードは、既存の iFrame ('iframe_id') に "注入" された HTML、CSS、および JavaScript の単なる組み合わせです。次のコードは、Firefox、Chrome、および Safari では機能しますが、IE9 では機能しません。関連する既存の回答のいくつかを確認しましたが、それらのほとんどは IE8 以前の問題に関連しているため、この場合は役に立ちません。jQuery .attr() に関連するものですか? IE9 には問題がありますか (古い IE バージョンのように)? はいの場合、どうすれば修正できますか?
$("#iframe_id").attr(
"src", "data:text/html;charset=utf-8," +
"<!DOCTYPE html>"+
"<html>"+
"<head>"+
"<style>"+
"/********** CSS stuff here **********/"+
"</style>"+
"</head>"+
"<body>"+
"<!--------- HTML stuff here ---------->"+
"<script src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js\"><" + "/script>" +
"<script>"+
"/*********** jQuery stuff here *****/"+
"<" + "/script>"+
"</body>"+
"</html>"
);
IE9 では、典型的な「Web ページを表示できません...」というエラーが表示されます。
すでに次の回答を確認しましたが、役に立ちませんでした。