有两个html页面,a.html页面中有很多<a>标签,点击a标签就打开b.html页面。
但是我想要的效果是第一次点击一个a标签时,就打开b.html页面并在b.html页面中生成一个div,当再次回到a.html页面点击a标签时,就不打开新的html页面了,而是在已打开的html中在再生成一个div,如此循环。
各位高人指点指点,通过js怎样才能达到这个效果~
小妹就只有这点分了~见谅见谅`
但是我想要的效果是第一次点击一个a标签时,就打开b.html页面并在b.html页面中生成一个div,当再次回到a.html页面点击a标签时,就不打开新的html页面了,而是在已打开的html中在再生成一个div,如此循环。
各位高人指点指点,通过js怎样才能达到这个效果~
小妹就只有这点分了~见谅见谅`
<html>
<head>
<title>A</title>
<script type="text/javascript">
var b = null;
function createDiv(str){
if(!b){
b = window.open('b.html');
}
b.createDiv(str);
}
</script>
</head>
<body>
<a href="javascript:createDiv('abc');">abc</a><br/>
<a href="javascript:createDiv('fdsasdf');">fdsasdf</a><br/>
<a href="javascript:createDiv('1231412');">1231412</a><br/>
</body>
</html>
b.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>B</title>
<script type="text/javascript">
function createDiv(str){
var div = document.createElement("div");
div.innerHTML = str;
document.getElementById("container").appendChild(div);
}
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
这样的?
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript">
var win;
function doSomething(txt){
win = !win ? window.open() : win;
var newDiv = win.document.createElement("div");
newDiv.innerText = txt;
win.document.body.appendChild(newDiv);
}
</script>
</head>
<body>
<a href="javascript:doSomething('aa')">aa</a>
<a href="javascript:doSomething('bb')">bb</a>
<a href="javascript:doSomething('cc')">cc</a>
</body>
</html>
不过不是那个意思~生成div的js是在b.html页面里执行的,我是想在打开b之前先判断是否已经打开了,如果打开了,就在他已经打开了的基础上在添加div,没有打开的话,就打开并添加div