4个回答
展开全部
用Div模拟动态窗口，给个简单的例子给你:
HTML:
<body>
<input type="button" value="增加" onclick="addBtn()" />
</body>
JS
<script type="text/javascript">
//点击增加按钮事件
function addBtn(){
var isExist = document.getElementById('boxId');
//判断是否存在，防止重复添加
if( undefined == isExist || null == isExist ){
//生成一个div
var boxDiv = document.createElement('div');
boxDiv.className = 'box'; //添加我们自定义的样式
boxDiv.id = 'boxId'; //给这个DIV添加一个ID,便于删除
//这里我偷了点懒，直接写了HTML代码，其实也可以像上面一样一个个添加，我这样只是来得快一些而已，这种风格不可取，切记！
boxDiv.innerHTML = "<div class='title'><span class='closeBtn' onclick='removeDiv()'>关闭</span></div><p>这是我加的链接<a target='_blank' href='http://www.hao123.com/'>hao123</a>";
document.body.appendChild(boxDiv);
}
}
//移除DIV事件
function removeDiv(){
var boxDiv = document.getElementById('boxId');
document.body.removeChild( boxDiv );
}
</script>
CSS:
<style type="text/css">
.box
{
width:300px;
height: 120px;
position: fixed;
z-index:30;
border:1px solid #ccc;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
background-color:#fff;
padding:10px;
}
.closeBtn{
float:right;
margin-right:3%;
cursor: pointer;
}
.title{
height: 30px;
border-bottom: 1px solid #ccc;
}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
具体步骤：
方法一：弹出窗口<body>里加上代码：onblur="self.focus()"：
<body onblur="self.focus()">
方法二：用showModalDialog方法建立模式对话框。
<script>
function topwin(){
window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
}
</script>
<button onClick="topwin()">打开模式窗口</button>
方法三：用showModelessDialog方法建立无模式对话框，它的参数跟模式对话框完全一样。
<script>
function topwin(){
window.showModelessDialog("http://www.jb51.net","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
}
</script>
<button onClick="topwin()">打开无模式窗口</button>
注意：模式对话框会始终保持焦点。除非关闭对话框，否则无法切换窗口。 无模式对话框不会始终保持焦点，但始终保持显示在最前端。
方法一：弹出窗口<body>里加上代码：onblur="self.focus()"：
<body onblur="self.focus()">
方法二：用showModalDialog方法建立模式对话框。
<script>
function topwin(){
window.showModalDialog(http://www.jb1.net,"","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
}
</script>
<button onClick="topwin()">打开模式窗口</button>
方法三：用showModelessDialog方法建立无模式对话框，它的参数跟模式对话框完全一样。
<script>
function topwin(){
window.showModelessDialog("http://www.jb51.net","","dialogWidth:300px;dialogHeight:300px;scroll:no;status:no")
}
</script>
<button onClick="topwin()">打开无模式窗口</button>
注意：模式对话框会始终保持焦点。除非关闭对话框，否则无法切换窗口。 无模式对话框不会始终保持焦点，但始终保持显示在最前端。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
其实就是js弹出一个div层。给你个栗子：
$('#id1').click(function(){
$('#id2').show();
});
id2这个层display设置为隐藏，调好位置就可以了。
追问
div还要显示在某个位置啊，没有可以弹出窗口吗？
追答
如果只是alert()出来的窗口也是可以复制的啊～
如果内容比较多就需要弹出div了/其实很简单的，你做个div层，上面写点内容。然后display：none; 再用一个事件触发div层弹出就可以了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
模态窗口中的 label里的文字是无法复制的
文本框里的内容是可用正常复制的
你可以在里边放一个大的文本框，这样就可以实现复制效果啦
文本框里的内容是可用正常复制的
你可以在里边放一个大的文本框，这样就可以实现复制效果啦
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
