在HTML中我没有在A区插入超链接,
但点击A区却跳转到了B区的超链接,
且整个页面都不能选中文字,鼠标呈现不了光标状
可以问问是怎么回事吗
</head>
<body>
<div class="header">
<img src="img/head.jpg" width="100%" height="180" />
</div>
<div class="nav">
<div class="nn">
<div class="nv-div"><a style="color:inherit" href="index.html" >首页</a></div>
<div class="nv-div"><a style="color:inherit" href="introduce.html">特色景点</a></div>
<div class="nv-div"><a style="color:inherit" href="custom.html">民俗文化</div>
<div class="nv-div"><a style="color:inherit" href="registration.html">注册登入</div>
<div class="nv-div"><a style="color:inherit" href="blog.html">留言</div>
</div>
</div>
<div id="box">
<textarea id='speak' value=""></textarea>
<input type="button" value="发布" />
<ul id='lyb'>
</ul>
</div>
<div class="quick">
<div class="center">
<h3>快捷入口</h3>
<span>Quick entrance</span>
</div>
<div class="dd">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="introduce.html">特色景点</a></li>
<li><a href="custom.html">民俗文化</a></li>
<li><a href="registration.html">注册登入</a></li>
<li><a href="blog.html">留言</a></li>
</ul>
</div>
</div>
<div class="footer">
<div class="copyright">
版权所有:
</div>
</div>
<script>
var speak = document.getElementById('speak');
var lyb = document.getElementById('lyb');
var btn01 = document.getElementsByTagName('input')[0];
btn01.onclick = function() {
var li = document.createElement('li');
li.innerHTML = speak.value + '<a href="javascript:;">删除</a>';
if (speak.value == '') {
alert('内容为空');
} else {
lyb.insertBefore(li, lyb.firstChild);
}
var alla = lyb.getElementsByTagName('a');
for (var i = 0; i < alla.length; i++) {
alla[i].onclick = function() {
lyb.removeChild(this.parentNode);
}
}
}
</script>
</body>
那你看看 点击 a干了什么 看看是不是 执行了window.local.href 的类似操作
贴代码吧 应该是标签用错了 多了一层把AB区覆盖成了一整个
这个影响到了?