function show(){
// var el=window.frames["iframe_text"].document.getElementsByTagName("body")[0];
//el.setAttribute("style","margin:0px;");
// alert(el.getAttribute("style"));
$("iframe").each(function(){
var name = $(this).attr("name");
var el = $(window.frames[name].document).find("body");
el.attr("style", "margin:0px;");
el.attr("name", "yk");
alert(el.attr("name"));
})
控制子窗口的样式
注释的是dom对象操控
没有注释的是jquery对象操控
其中 $(window.frames[name].document)将dom对象转换成了jquery对象
//判别iframe加载完成
var iframe = document.createElement("iframe");
iframe.src = "http://www.planabc.net";
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
alert("Local iframe is now loaded.");
});
} else {
iframe.onload = function(){
alert("Local iframe is now loaded.");
};
}
document.body.appendChild(iframe);
//防止网页被其他网页iframe
if( top.window.location.href != window.location.href )
{top.window.location.href = window.location.href }
示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Test Page </TITLE>
<SCRIPT type="text/javascript" src="./jquery-1.3.2.min.js">
</SCRIPT>
<script language="javascript">
$(function(){
show();
$("#addStyle").click(function(){
show();
});
})
function show(){
//var el=window.frames["iframe_text"].document.getElementsByTagName("body")[0];
//el.setAttribute("style","margin:0px;");
// alert(el.getAttribute("style"));
$("iframe").each(function(){
var name = $(this).attr("name");
var el = $(window.frames[name].document).find("body");
el.attr("style", "margin:0px;");
el.attr("name", "yk");
alert(el.attr("name"));
})
}
</script>
</HEAD>
<body>
<iframe src="./img/Koala.jpg" scrolling="no" frameborder=0 name="iframe_text">
</iframe>
<iframe src="./img/Koala.jpg" scrolling="no" frameborder=0 name="iframe_text1">
</iframe>
<input type="button" value="增加样式" id="addStyle"/>
</body>
</HTML>
// var el=window.frames["iframe_text"].document.getElementsByTagName("body")[0];
//el.setAttribute("style","margin:0px;");
// alert(el.getAttribute("style"));
$("iframe").each(function(){
var name = $(this).attr("name");
var el = $(window.frames[name].document).find("body");
el.attr("style", "margin:0px;");
el.attr("name", "yk");
alert(el.attr("name"));
})
控制子窗口的样式
注释的是dom对象操控
没有注释的是jquery对象操控
其中 $(window.frames[name].document)将dom对象转换成了jquery对象
//判别iframe加载完成
var iframe = document.createElement("iframe");
iframe.src = "http://www.planabc.net";
if (iframe.attachEvent){
iframe.attachEvent("onload", function(){
alert("Local iframe is now loaded.");
});
} else {
iframe.onload = function(){
alert("Local iframe is now loaded.");
};
}
document.body.appendChild(iframe);
//防止网页被其他网页iframe
if( top.window.location.href != window.location.href )
{top.window.location.href = window.location.href }
示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<TITLE>Test Page </TITLE>
<SCRIPT type="text/javascript" src="./jquery-1.3.2.min.js">
</SCRIPT>
<script language="javascript">
$(function(){
show();
$("#addStyle").click(function(){
show();
});
})
function show(){
//var el=window.frames["iframe_text"].document.getElementsByTagName("body")[0];
//el.setAttribute("style","margin:0px;");
// alert(el.getAttribute("style"));
$("iframe").each(function(){
var name = $(this).attr("name");
var el = $(window.frames[name].document).find("body");
el.attr("style", "margin:0px;");
el.attr("name", "yk");
alert(el.attr("name"));
})
}
</script>
</HEAD>
<body>
<iframe src="./img/Koala.jpg" scrolling="no" frameborder=0 name="iframe_text">
</iframe>
<iframe src="./img/Koala.jpg" scrolling="no" frameborder=0 name="iframe_text1">
</iframe>
<input type="button" value="增加样式" id="addStyle"/>
</body>
</HTML>