iframe窗口跳转的问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe窗口跳转的问题相关的知识，希望对你有一定的参考价值。
我写好了网站，开始写的时候没有注意太多，每个页面都加了iframe页中页方便以后加入广告。现在问题出来了，广告联盟给我的是跳转代码，现在我只要打开有iframe元素的网页一律跳转到我的广告页面也就是插入其他网页的那个iframe页面，现在我想问有没有办法能使我的网页还是在iframe框架中跳转？？？我是个新手，好不容易才写好网站就最后一步问题又来了，那位好心人帮帮忙？请详细说明，因为广告是联盟给的所以不能改广告代码，让广告在iframe窗口中跳转就行了！试过几种简单的方法都不行，请不要再去复制别人的了
大神帮帮忙啊
<iframe src="#" width:300px;height:300px; name="ifm" scrolling="auto" frameborder="0">
src是你广告的地址
width和height随便设置你需要广告的大小
name是做其他点击跳转用的，你不需要
scroing=“auto” 广告页面超出iframe的时候，显示滚动条
frameborder表示iframe无边框 参考技术A <iframe src="广告商给你的地址" width:??px;height:??px; name="ifmame" scrolling="no" frameborder="0">
这样写不行？ 参考技术B 你的意思是iframe是要跳转出去 还是在你的页面通过iframe看
实现了iframe的页面跳转的功能
之前没有接触过iframe的相关功能,最近看到项目中基本上都是用iframe嵌套子页面,于是自己想编写实现这个过程,为以后的工作提供便利.
main页面
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/main.css"/>
<script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
<header id="top">
<ul>
<li id="foot1">首页</li>
<li id="foot2">子页面1</li>
<li id="foot3">子页面2</li>
<li id="foot4">子页面3</li>
</ul>
</header>
<section id="main">
<iframe frameborder="0" src="01.html"></iframe>
</section>
<footer id="foot">©mumu</footer>
<script src="js/jsss.js">
</script>
</body>
</html>
js中的代码:
$(function(){
$("#foot2").click(function(){
console.log("safd");
$("iframe").attr("src","02.html");
});
$("#foot3").click(function(){
console.log("safd");
$("iframe").attr("src","03.html");
});
$("#foot4").click(function(){
console.log("safd");
$("iframe").attr("src","04.html");
});
$("#foot1").click(function(){
console.log("safd");
$("iframe").attr("src","01.html");
})
});
子页面1:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<style>
body{
width: 1200px;
margin: 0 auto;
}
</style>
<body>
子页面111111111111111111111111111111111111111
</body>
</html>
子页面2:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<style>
body{
width: 1200px;
margin: 0 auto;
}
</style>
<body>
子页面222222222222222222222222222222222222222
</body>
</html>
子页面3:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<style>
body{
width: 1200px;
margin: 0 auto;
}
</style>
<body>
子页面33333333333333333333333333333
</body>
</html>
子页面4:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<style>
body{
width: 1200px;
margin: 0 auto;
}
</style>
<body>
子页面444444444444444444444444444444444
</body>
</html>
以上没有布上css样式.自己脑补。
以上是关于iframe窗口跳转的问题的主要内容，如果未能解决你的问题，请参考以下文章
页面嵌套iframe后，点击里面的链接，然后父窗口跳转（子窗口控制父窗口的链接跳转）
怎么用jquery实现iframe里的页面地址跳转到另一个页面地址，想webqq里的浏览窗口一样？