如何用JS点击超链接弹出对话框

JavaScript011

如何用JS点击超链接弹出对话框,第1张

1、在body里面布局,把对话框的大致结构写出来。

2、写css样式,让对话框在网页上体现出来。

3、得到如下图样式,结构完成。

4、最后就是写js样式,让我们的对话框达到一定的效果。

5、点击超链接弹出对话框。

您好!很高兴为您答疑。

var EventUtil = {

getEvent: function(event) {

return event ? event: window.event

},

addHandler: function(element, type, handler) {

if (element.addEventListener) {

element.addEventListener(type, handler, false)

} else if (element.attachEvent) {

element.attachEvent("on" + type, handler)

} else {

element["on" + type] = handler

}

}

}

EventUtil.addHandler(window, "beforeunload",

function(event) {

event = EventUtil.getEvent(event)

event.returnValue = "确认关闭吗?"

})

这个样例代码里面就是通过beforeunload事件捕获用户关闭页面的操作,然后弹对话框。

如果对我们的回答存在任何疑问,欢迎继续问询。

1、新建html文档。

2、书写hmtl代码。<table class="z_i"><tr class="i0">  <td width="20%">部门</td>  <td width="35%">工号</td><td width="30%">姓名</td><td width="15%">操作</td></tr>。

3、书写css代码。.z_i { width: 900pxtext-align: centermargin: 0 autoborder-collapse: collapsebackground: #fffline-height: 49pxmargin-top: 60pxborder: 1px solid #e8e8e8}.z_i td a { color: #18a0da}.z_i td { height: 49pxfont-size: 12pxcolor: #4b4b4b}。

4、书写并添加js代码。<script src="js/jquery-1.4.4.min.js"></script><script src="js/qikoo.js"></script>。

5、代码整体结构。

6、查看效果。