以下のhrefリンクで2つのことを達成しようとしています。まず、ポップアップウィンドウを起動したいと思います。終わり。次に、そのポップアップ ウィンドウに iframe を表示します。これは、href リンク テキストを iframe src のパラメーターとして渡す必要があることに気付くまで、簡単に達成できました。
たとえば、iframe がポップアップ ウィンドウにロードされない限り、src="http://localhost:8080/test/document.html?OnSale"
document.write
HTML ページの本文にある が、href リンクの foo() 関数を使用して作成しようとしている動的 iframe を出力しない理由がわかりません...
<div id="blanket" style="display:none;"></div>
<div id="popUpDiv" style="display:none;">
<a href="#" onclick="popup('popUpDiv')">
<img align="right" src="http://localhost:8080/test/img/close_img.png">
</a>
<script type="text/javascript">
function foo(obj)
{
test1 = "http://localhost:8080/test/document.html?"+obj.text;
document.write('<iframe height="450" allowTransparency="true" frameborder="0" scrolling="yes" style="width:100%;" src="'+test1+'" type= "text/javascript"></iframe>');
}
</div>
<a href="#" onclick="popup('popUpDiv');foo(this);">OnSale</a>
編集: ここに私の完全な html ページがあります。すべてがwin7とfirefoxを備えたtomcat7でローカルに実行されています。
<html>
<head>
<script type="text/javascript" src="http://localhost:8080/test/css-popup/css-pop.js"></script>
<link href="http://localhost:8080/test/css-popup/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="blanket" style="display:none;"></div>
<div id="popUpDiv" style="display:none;">
<a href="#" onclick="popup('popUpDiv')">
<img align="right" src="http://localhost:8080/test/css-popup/x.png">
</a>
<script type="text/javascript">
function foo(obj){
test1 = "http://localhost:8080/test/document.html?"+obj.innerHTML;
document.write('<iframe height="450" allowTransparency="true" frameborder="0" scrolling="yes" style="width:100%;" src="'+test1+'" type= "text/javascript"></iframe>');
}
</script>
</div>
<a href="#" onclick="popup('popUpDiv');foo(this);">OnSale</a>
</body>
</html>