javascript操作css实现弹出对话框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function ss(){
var div=document.createElement("div");
var textarea=document.createElement("textarea");

var button=document.createElement("input");
button.type=‘button‘;
button.value=‘OK‘;
button.onclick=function(){
document.getElementById("show").value=textarea.value;
document.body.removeChild(button);
document.body.removeChild(textarea);
document.body.removeChild(div);
}
setStyle(div,{
‘position‘:‘absolute‘,
‘left‘:0,
‘top‘:0,
‘bottom‘:0,
‘right‘:0,
‘backgroundColor‘:‘black‘,
‘opacity‘:.5,
‘filter‘:‘alpha(opacity=50)‘
});
setStyle(button,{
‘position‘:‘absolute‘,
‘left‘:‘250px‘,
‘top‘:‘160px‘
})
setStyle(textarea,{
‘position‘:‘absolute‘,
‘left‘:‘100px‘,
‘top‘:‘100px‘
})
document.body.appendChild(div);
document.body.appendChild(button);
document.body.appendChild(textarea);

}
function setStyle(dom,style){
for(var i in style){
if(style.hasOwnProperty(i)){
dom.style[i]=style[i];
}
}
}
</script>
</head>

<body>
<input type="text" id="show" />
<input type="button" value="输入" onclick="ss()">
</body>
</html>

效果:

时间: 2024-10-12 16:18:14

javascript操作css实现弹出对话框的相关文章

selenium移动div里面的滚动条,操作弹出对话框

还是使用js来移动 首先要定位到这个元素 倾向于使用js来定位元素,输入下面的脚本,按下回车键,即可在调试页面看到对应的div块$("div.table-responsive") 滚动方法使用scrollLeft()$("div.table-responsive").scrollLeft(1000) 应用到java selenium中 为了避免输入数字可以这样写 ((JavascriptExecutor) driver).executeScript("$(

JavaScript中的三种弹出对话框

JavaScript中的三种弹出对话框 *****本文来自互联网****** 学习过js的小伙伴会发现,我们在一些实例中用到了alert()方法.prompt()方法.prompt()方法,他们都是在屏幕上弹出一个对话框,并且在上面显示括号内的内容,使用这种方法使得页面的交互性更精彩,实际上我们经常会在进行网页浏览时简单这种类型的对话框,在用户与应用程序进行双向交流时,经常要用到对话框.avascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prom

java selenium (十一) 操作弹出对话框

Web 开发人员通常需要利用JavaScript弹出对话框来给用户一些信息提示, 包括以下几种类型 阅读目录 对话框类型 1.  警告框: 用于提示用户相关信息的验证结果, 错误或警告等 2. 提示框: 用于提示用户在当前对话框中输入数据,一般需要用户单击取消或者确认按钮 3. 确认框: 用于提示用户确认或者取消某个操作,一般需要用户单击取消或者确认按钮 测试页面 用如下页面为例进行讲解, 包括了警告框,提示框,确认框 http://sislands.com/coin70/week1/dialo

实现J2EE中后台action中控制前台javascript弹出对话框

1.后台Action中: request.setAttribute("message", "此用户名或密码错误,请从新输入!"); 2.前台jsp页面中: 2.1.在<body>标签中增加onload方法,比如:<BODY  topmargin="0" leftmargin="0" onload="checkForm()"> 2.2.在本jsp页面中加入js代码块,如下: <!

javascript入门系列演示·三种弹出对话框的用法实例

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/

Selenium(八):其他操作元素的方法、冻结界面、弹出对话框、开发技巧

1. 其他操作元素的方法 之前我们对web元素做的操作主要是:选择元素,然后点击元素或者输入字符串. 还有没有其他的操作了呢?有. 比如:比如鼠标右键点击.双击.移动鼠标到某个元素.鼠标拖拽等. 这些操作,可以通过Selenium提供的ActionChains类来实现. ActionChains类里面提供了一些特殊的动作的模拟,我们可以通过 ActionChains 类的代码查看到,如下所示: 我们以移动鼠标到某个元素为例. 百度首页的右上角,有个更多产品选项,如下图所示: 如果我们把鼠标放在上

一个js编写全选、弹出对话框、ajax-json的案例

js功能有:全选.弹出对话框.使用json传输ajax数据:不想在写多余的文字了,直接上代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib prefix="c" uri="http://java.sun.com/jstl/core"%>

JS弹出对话框的三种实现方式的意义

最近开始学习JavaScript,最开始讲的就是alert().confirm()和prompt()三种JS弹出对话框.三种弹出对话框分别是警告.确认和提示消息. 第一种警告消息框 (alert)     alert 方法有一个参数,即希望对用户显示的文本字符串.该字符串不是 HTML 格式.该消息框提供了一个"确定"按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作. <script> alert("Hello

ASP.NET弹出对话框

自己写的窗口弹出:Page.RegisterClientScriptBlock("alert", "<script>alert('两次密码不一致,请重新输入!')</script>"); [以下为网上查询到的方法] 在ASP.NET程序的开发过程中,常常需要向用户给出提示信息,比如是否"操作成功","确定"还是"取消"操作: (1) 点击页面上的按钮,弹出一个对话框提示是"