获取焦点事件，应该满足不了这个要求吧，试试我这个吧：首先，我们将d出框中的内容放置在一个特殊的DIV层中，然后默认隐藏它（即初始不可见，使用CSS即可实现）。当用户执行某个动作时——比如点击某个链接或者将鼠标光标移动到某个链接上——我们将之前设置好的隐藏层显示在所有页面
元素的最上层（将使用JS *** 作实现）。此外，我们还将在d出DIV
窗口中设置一个按钮来执行——当用户点击此按钮时关闭窗口的功能。就如我上面提到的，我们首先需要创建一个特殊的DIV层，然后我们将
d出窗口的内容放在这个DIV层里面。在这里，我们将其ID命名为“popupcontent ”以区别于其他DIV层。下来，让我们给上面已创建好的这个DIVd出层进行CSS美化。其中最重要的几个参数分别是：overflow（内容溢出）,和position（定位方式）。同时我也给这个窗口效果添加了很多其他代码，但这些只是用于美化，使这个窗口更绚丽。所以，我们最后定义的CSS代码形从上面CSS代码中的红色部分可以看出：这个DIV层初始默认状态是不可见的。大家可以根据需要对以上代码进行美化，但请务必保留position，visibility，overflow三个属性。这可能是本教程最重要最有趣的地方了。我们接下来会编写2个过程函数分别用于显示和隐藏上面那个DIVd窗。当然，这两个函数之中会包含一些主体逻辑。在d出窗口中添加一个状态栏（或按钮），用于关闭打开状态下的窗口；显示d出窗口。为了简单起见，本例中我们设置的显示位置是Top：200，Left：200。即以浏览器内容框的左上角为坐标，向下偏移200PX，向左偏移200PX。d出窗口的大小我们可以在显示函数的参数中进行设置，包括两个参数：窗口长度和窗口宽度。如果你需要将本例中的代码进行二次开发，有个地方需要特别注意，那就是获取d出窗口DIV层的DOM对象，我们可以通过下面这个getElementById函数来获取ID名为“Popcontent”的DOM对象。在获取这个（d出窗口）DOM对象之后，我们可以在JS代码中修改窗口的相对的位置和窗口大小。下来，我们需要给窗口添加一个“关闭”按钮，用于在窗口开启状态下关闭这个窗口。要完美的实现这一功能，首先我们需要声明一个全局变量，用于存储d出窗口DIV中的内容。这是因为，如果你在一个页面中显示多个内容不同的d出窗口，你不需要将按钮重复的复制到这些DIV层中，这样就简化了行为逻辑：最后一个需要注意的地方是这个“关闭”按钮的定位问题。这个很容易实现，设置一下这个按钮对象的向上的空白边即可（空白边的数值设置成稍小于整个d出窗口的DIV高度即可）。至此，所有的行为逻辑讲解完毕，最后的d窗显示函数的完整代码如下：隐藏d出窗口的过程就相当简单了。只需要首先获取d出窗口那个DIV的DOM对象，然后将其属性设置成“隐藏”即可。我们需要做的就是在某个链接或者按钮的对应事件上添加JS函数“showPopup() ”即可。比如，需要在鼠标移动到某连接上时d出窗口：setTimeout("codefans()",2000);//2秒，可以改动position: fixed用于生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。position 属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20" 会向元素的 LEFT 位置添加 20 像素。这个函数中，url链接的是一个html，我试过了，显示出来的还是我的主界面。我的意思，在我的主界面中，隐藏了一个Div，我想点击一个"XXX"后，在新的窗口/对话框中显示出Div中的信息。哦吼，原来这样。那简单，将你那个隐藏DIV设置一个唯一ID，好让它能够让JS调用到。那么你这个时候，使用js调用它需要一个前提，就是要在窗口中显示出一个DIV，这个DIV你是要新生成，还是现成的，有不同的办法，如果是新生成的话：//这里你可以为这个DIV加上class什么的，以便于CSS（dcreateAttribute()函数）documentbodyappendChild(div);//把div元素节点添加到body元素节点中成为其子节点，但是放在body的现有子节点的最后接下来，你就可以为这个DIV加入内容了：就是这样。以上我只是给出一个思路，你可以依据这个思路继续往下走，写程序千万不要全都等现成的。比如你这段程序，主要的还是需要对JS如果 *** 作DOM节点有了解，所以多在这方面下点功夫，就OK了。不对，而是：大意了，不好意思ok 我再好好研究研究 ，刚接触jQuery。。。谢谢了哦documentgetElementById('BIGDraw')innerHTML = "";
$('#BIGDraw')html("");
清空div内容 两种都可以<!DOCTYPE html>
<html>
<head>
<meta >你给DIV加上ID，再用JS：
documentgetElementById("ID")styledisplay = "none";
就OK了。
运行下面的代码：
<DIV class="post cate1 auth1" id="div1">我是DIV1</div>
<DIV class="post cate2 auth1" id="div2">我是DIV2</div>
<DIV class="post cate3 auth1" id="div3">我是DIV3</div>
<DIV class="post cate4 auth1" id="div4">我是DIV4</div>
<DIV class="post cate5 auth1" id="div5">我是DIV5</div>
<script type="text/javascript" language="javascript">
documentgetElementById("div1")styledisplay = "none";
</script>
有好几种方式哈;
html代码如下：
<div id="box">
<div id="inbox">ddddddddddddddddd</div>
</div>
<input type="button" id="remove" value="删除DIV" />
第一种:直接jquery的remove：
下载个jQuery的文件，然后引入jQuery文件：
<script type="text/javascript" src="xxxxjqueryjs"></script>
<script type="text/javascript">
$("#remove")click(function(){
$("#inbox")remove();
//或者
$("box")remove("#inbox");
});
</script>
第二种:用JS的innerHTML
<script type="text/javascript">
function g(id) {
return documentgetElementById(id);
}
g("remove")onclick = functioin(){
g("box")innerHTML = '';
}
</script>
第三种:用JS的outerHTML
<script type="text/javascript">
function g(id) {
return documentgetElementById(id);
}
g("remove")onclick = functioin(){
g("inbox")outerHTML = '';
}
</script>
第四种:用JS的removeChild
<script type="text/javascript">
function g(id) {
return documentgetElementById(id);
}
g("remove")onclick = functioin(){
g("box")removeChild(g("inbox"));
}
</script>
其他还有，就不列举了
jquery:
$("div")remove();
javaScript:
var arrayOfDiv = documentgetElementsByTagName("div");
var parent = arrayOfDiv[0]parentNode;
var length = arrayOfDivlength;
for(var i=0;i<length;i++)
{
parentremoveChild(arrayOfDiv[0]);
}
如果你页面上还有其它div,你只想删除新添加的,那最好是在新添加的时候将div放入一个数组,删除的时候删除这个数组中的div就可以了
微信扫一扫
支付宝扫一扫
评论列表（0条）