<!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>
<title>test</title>
<style type="text/css">
body{text-align:center;font-size:12px;}
#wrapper{width:98%;margin:0 auto;text-align:left;}
#left{float:left;width:20%;}
#right{float:right;width:75%;}
</style>
<script type="text/javascript">
function frame() { var nav = document.getElementById("nav");
var links = nav.getElementsByTagName("a");
var right = document.getElementById("right");
for (var i = 0; i < links.length; i++) {
links[i].onclick = function() {
remove();
var source = this.getAttribute("href");
var frame = document.createElement("iframe");
frame.setAttribute("src", source);
frame.setAttribute("frameborder", "0");
frame.setAttribute("width", "100%");
frame.setAttribute("height", "600px");
right.appendChild(frame);
return false;
}
}
}
function remove() {
var right = document.getElementById("right");
if (right.hasChildNodes()) {
right.removeChild(right.childNodes[0]);
}
}
window.onload = function() { frame();
}
</script>
</head>
<body>
<div id="wrapper">
<div id="left">
<ul id="nav">
<li><a href="http://www.g.cn">谷歌中国</a></li>
<li><a href="http://www.sina.com.cn">新浪</a></li>
<li><a href="http://www.163.com">网易</a></li>
</ul>
</div>
<div id="right">
</div>
</div></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>test</title>
<style type="text/css">
body{text-align:center;font-size:12px;}
#wrapper{width:98%;margin:0 auto;text-align:left;}
#left{float:left;width:20%;}
#right{float:right;width:75%;}
</style>
<script type="text/javascript">
function frame() { var nav = document.getElementById("nav");
var links = nav.getElementsByTagName("a");
var right = document.getElementById("right");
for (var i = 0; i < links.length; i++) {
links[i].onclick = function() {
remove();
var source = this.getAttribute("href");
var frame = document.createElement("iframe");
frame.setAttribute("src", source);
frame.setAttribute("frameborder", "0");
frame.setAttribute("width", "100%");
frame.setAttribute("height", "600px");
right.appendChild(frame);
return false;
}
}
}
function remove() {
var right = document.getElementById("right");
if (right.hasChildNodes()) {
right.removeChild(right.childNodes[0]);
}
}
window.onload = function() { frame();
}
</script>
</head>
<body>
<div id="wrapper">
<div id="left">
<ul id="nav">
<li><a href="http://www.g.cn">谷歌中国</a></li>
<li><a href="http://www.sina.com.cn">新浪</a></li>
<li><a href="http://www.163.com">网易</a></li>
</ul>
</div>
<div id="right">
</div>
</div></body>
</html>
解决方案 »
- js如何禁止浏览器y方向滚动
- jq鼠标点击并且拖动的问题
- 请教一个基础的jquery加载xml问题!
- 我想要实现在线报价的功能
- 哪个高手有好的简单的验证码的原代码发来!急!急!急!
- 这是一个excel.application控件,ajax,等等好几种方法都能解决的问题,<html里的表格生成excel文件>谁能帮我完善一下呀,真的晕死了,
- 请问下面的这一行代码应该怎么写?急等!
- 求一个能造成服务器资源巨耗或当机的脚本
- 如何搞定这个命名的问题?
- 失恋了,不想活了,能放多少放多少!js的朋友安慰安慰我,求版主别删,就到明天晚上
- 百度搜索结果页的js
- 刚开始学EXTJS4.0, 有个地方不明白,求指点
function frame() { var nav = document.getElementById("nav");
var links = nav.getElementsByTagName("a");
var right = document.getElementById("right");
for (var i = 0; i < links.length; i++) {
links[i].onclick = function() {
remove();
var source = this.getAttribute("href");
var frame = document.createElement("iframe");
frame.setAttribute("src", source);
frame.setAttribute("frameborder", "0");
frame.setAttribute("width", "100%");
frame.setAttribute("height", "600px");
right.appendChild(frame);
return false;
}
if(first)
{
links[0].onclick();
first=false;
}
...