我有两个盒子,可以通过点击来增加和减少它们的大小。但是现在我的超链接不起作用。
代码:
function changeSize(id, weight, height){
var elem = document.getElementById(id);
if(elem.getAttribute('style')){
elem.removeAttribute('style');
} else {
elem.style.width = weight + 'px';
elem.style.height = height + 'px';
elem.style.fontSize = '30px';
}
}
var elems = document.getElementsByClassName('kaesten');
for(var i = 0; i < elems.length; i++){
elems[i].onclick = function(){
changeSize(this.id, 600, 600);
}
}
.kaesten{
width:240px;
height:300px;
background-color:darkgrey;
background-position:center;
background-repeat:no-repeat;
text-shadow:0px 0px 3px #000;
border: 5px solid #F0F8ff;
vertical-align:top;
text-shadow: 3px 3px 4px #777;
float:left;
margin-left:30px;
}
<div id="box1" class="kaesten" onclick="changeSize('standort', 600, 600); return false;">
<a href="www.google.de"> text </a>
</div>
<div id="box2" class="kaesten" onclick="changeSize('standort', 600, 600); return false;">
<a href="www.focus.de"> text </a>
</div>
问题:我链接了一些内网站点和office文档,它们打开时没有onclick功能!我怎样才能使链接工作并保持功能?
最佳答案
在超链接href="//www.focus.de"
的url开头添加//
function changeSize(id, weight, height){
var elem = document.getElementById(id);
if(elem.getAttribute('style')){
elem.removeAttribute('style');
} else {
elem.style.width = weight + 'px';
elem.style.height = height + 'px';
elem.style.fontSize = '30px';
}
}
var elems = document.getElementsByClassName('kaesten');
for(var i = 0; i < elems.length; i++){
elems[i].onclick = function(){
changeSize(this.id, 600, 600);
}
}
.kaesten{
width:240px;
height:300px;
background-color:darkgrey;
background-position:center;
background-repeat:no-repeat;
text-shadow:0px 0px 3px #000;
border: 5px solid #F0F8ff;
vertical-align:top;
text-shadow: 3px 3px 4px #777;
float:left;
margin-left:30px;
}
<div id="box1" class="kaesten" onclick="changeSize('standort', 600, 600); return false;">
<a href="//www.google.de"> text </a>
</div>
<div id="box2" class="kaesten" onclick="changeSize('standort', 600, 600); return false;">
<a href="//www.focus.de"> text </a>
</div>
关于javascript - 无法使用 onclick 功能在 div 中打开超链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34312596/