& lthtml>。

& lthead>。

& lttitle>。Js弹出一个浮动窗口，支持鼠标拖动和关闭

& ltmeta http-equiv = & quot；内容类型& quot内容= & quot文本/html；字符集=utf-8"。/>。

& ltscripttype = & quot文本/JavaScript & quot；>。

/**

一些参数的解释:

*bodycontent:要在窗口中显示的内容，dom对象

*标题:窗口标题，字符串类型

*可移动:窗口可以拖动吗，布尔类型

*注:内容表单的高度为height-30px。请计算您要显示的内容的高度和宽度。弹出窗口的id是“223238909，所以不要把你的页面当成“223238909 & quotId，以防js执行出错*/

functioncreatedialog(width，height，bodycontent，title，removeable){

if(document . getelementbyid(& quot；www _ phps study _ net & quot；)==null){

/*创建窗口组件*/

var dialog = document . CreateElement(& quot；div & quot);

vardialogtitlebar = document . CreateElement(& quot；div & quot);

vardialogbody = document . CreateElement(& quot；div & quot);

vardialogtitleimg=document.createElement("span");vardialogtitleimg = document . CreateElement(& quot；span & quot);

vardialogtitle = document . CreateElement(& quot；span & quot);

vardialogclose = document . CreateElement(& quot；span & quot);

var closeaction = document . CreateElement(& quot；按钮& quot);

/*为窗口设置一个id。id好诡异，避免了和其他用户id一样导致的错误*/

dialog.id = & quot223238909 & quot；

/*组装对话框标题栏，由内向外组装*/

dialogtitle.innerHTML = title

dialogtitlebar.appendChild(dialogtitleimg);dialog title bar . appendchild(dialog title img)；

dialog title bar . appendchild(dialog title)；

dialog title bar . appendchild(dialog close)；

dialogclose . appendchild(closeaction)；

/*装配对话框的主要内容*/

if(bodycontent！=null){

body content . style . display = & quot；阻止& quot；

dialogbody . appendchild(body content)；

}

/*组装成一个完整的对话框*/

dialog . appendchild(dialog title bar)；

dialog . appendchild(dialog body)；

/*设置窗口组件的样式*/

Vartempleft、temptop、tempheight//窗口的位置(将窗口放在页面中间的辅助变量)

vardialogcssText，dialogbodycssText//拼出对话框和对话体的样式字符串

template ft =(document . body . client width-width)/2；

temptop =(document . body . client height-height)/2；

temp height = height-30；

dialogcssText = & quot位置:绝对；背景:# 65c294填充:1px边框:4pxtop:& quot；+temptop+& quot；px；左:& quot+template ft+& quot；px；高度:& quot+高度+& quot；px；宽度:& quot+宽度+& quot；px；"；

dialogbodycssText = & quot宽度:100%；背景:# ffffff"+& quot；高度:& quot+tempheight+& quot；px；"；

dialog . style . CSS text = dialogcstext；

dialogtitle bar . style . CSS text = & quot；高度:30px宽度:100%；背景:url(images/titlebar.png)重复；光标:移动；"；

dialogbody . style . CSSCText = dialogbodyCSSCText；

dialogtitleimg.style.cssText="float:left;height:20px;width:20px;background:url(images/40.gif);"+"display:block;margin:4px;line-height:20px;";dialogtitleimg . style . CSS text = & quot；float:左；高度:20px宽度:20px背景:URL(images/40 . gif)；"+& quot；显示:块；保证金:4px行高:20px"；

dialogtitle . style . CSS text = & quot；font-size:16px；float:左；显示:块；保证金:4px行高:20px"；

dialogclose . style . CSS text = & quot；float:右；显示:块；保证金:4px行高:20px"；

closeaction . style . CSS text = & quot；高度:20px宽度:24px边框宽度:1px"+& quot；背景-图像:URL(images/close . png)；光标:指针；"；

/*为窗口元素注册事件*/

vardialogleft = Parseint(dialog . style . left)；

vardialogtop = Parseint(dialog . style . top)；

varismousedown = false//标记鼠标是否被按下

/*关闭按钮事件*/

closeaction . onclick = function(){

dialog.parentNode.removeChild(对话框)；

}

/*实现窗口移动，这个代码比较典型，网上也有很多类似的代码*/

if(removeable==true){

varismousedown = false

vardialogleft，dialogtop

vardownX，霜降；

dialog left = Parseint(dialog . style . left)；

dialog top = ParSeint(dialog . style . top)；

dialogtitlebar . onmousedown = function(e){

ismousedown = true

downX = e.clientX

柔和= e.clientY

}

document . onmousemove = function(e){

if(ismousedown){

dialog . style . top = e . Clienty-霜降+dialog top+& quot；px & quot；

dialog . style . left = e . ClientX-DownX+dialog left+& quot；px & quot；

}

}

/*松开鼠标时重新计算当前窗口的位置*/

document.onmouseup=function(){

dialog left = Parseint(dialog . style . left)；

dialog top = ParSeint(dialog . style . top)；

ismousedown = false

}

}

returndialog

}//endif(if结束)

}

& lt/script>。

& ltstyle>。

表{背景:# b2d235}

button { font-size:12px；身高:23；背景:# ece9d8边框宽度:1；}

#linkurl，#linkname，# save link { width:100 px；}

& lt/style>。

& lt/head>。

& ltbody>。

& lt！-显示窗口的位置->:

& ltdivided = & quot；这里& quot>。& lt/div>。& ltaid = & quot单击此处& quothref = & quot# & quot>。单击生成窗口

& lt！-要嵌入窗口的内容->:

& ltdivided = & quot；登录& quotstyle = & quot显示:无；">。

& ltformaction = & quot# & quot方法= & quotpost & quotonSubmit = & quotreturnfalse">。

& lttablewidth = & quot400英镑高度= & quot95 & quot>。

& lttr>。

& lttdwidth = & quot78 quot；>。链接文本

& lttdwidth = & quot168 & quot>。& ltinputname = & quotlink.name & quottype = & quot文本& quot/>。& lt/td>。

& lttdwidth = & quot138 quot；id = & quot链接文本& quot>。& lt/td>。

& lt/tr>。

& lttr>。

& lttd>。链接地址

& lttd>。& ltinputname = & quotlink.url & quottype = & quot文本& quot/>。& lt/td>。

& lttdid = & quot链接URL & quot；>。& lt/td>。

& lt/tr>。

& lttr>。

& lttd>。& lt/td>。

& lttd>。& ltbuttontype = & quot提交& quotstyle = & quotfloat:右；">。增加

& lttdid = & quot保存链接& quot>。& lt/td>。

& lt/tr>。

& lt/table>。

& lt/form>。

& lt/div>。

& ltscripttype = & quot文本/JavaScript & quot；>。

var here = document . GetElementbyID(& quot；这里& quot);

var log in = document . GetElementbyID(& quot；登录& quot);

varclickhere = document . getelementbyid(& quot；单击此处& quot);

clickhere.onclick=function(){

here . appendchild(create dialog(400，95+30，登录，quot欢迎来到phpstudy & quot，true))；

}

& lt/script>。

& lt/body>。

& lt/html>。

点击文本框JS的弹出窗口。文本框中显示哪些数据...

比如你有两个页面，一个是主页。当您单击文本框时，会弹出第二个页面，弹出的页面中有一个下拉列表。当您选择一个值时，您自己关闭它，并且第一页的文本框已经有了所选的值。

在本地测试时，允许运行JavaScript。

1 . html新文档& amplt。& ampamp。#47;脚本& ampgt。2.html new document function selectvalue(values){ opener . document . GetElementbyID(' values ').value = valueswindow . close()；} & amplt。& ampamp。#47;脚本& ampgt。请选择值1值2值3值4

javascript如何实现弹出窗口

实现原理:首先我们把弹出框中的内容放在一个特殊的DIV层，然后默认隐藏(即初始不可见，可以用CSS实现)。

当用户执行一个动作，比如点击一个链接或者将鼠标光标移动到一个链接上，我们会在所有页面元素的顶层显示之前设置的隐藏层(会通过JS操作实现)。

另外，我们会在弹出的DIV窗口中设置一个按钮来执行——用户点击这个按钮时关闭窗口的功能。

实现过程:如上所述，我们首先需要创建一个特殊的DIV层，然后把弹出窗口的内容放在这个DIV层。

在这里，我们将其标识命名为“弹出内容”，以将其与其他DIV层区分开来。

如何让js的弹出窗口自动关闭

使用以下方法屏蔽页面弹出窗口或打开页面:1。窗户。Open = null//shield window.open打开新页面2 . window . showmodaldialog = null；；//shield window.showModalDialog打开模态窗口3。window.showmodelessdialog = null//shield window . showmodelesdialog打开无模式窗口。补充:一些弹出窗口使用div显示的假窗口。

应根据具体情况采取措施。

如何用JavaScript实现网页右下角弹出窗口代码

用JavaScript实现的网页右下角弹出窗口的代码# winpop { width:200 px；高度:0px位置:绝对；右:0；底部:0；边框:1px实心# 666；边距:0；填充:1px溢出:隐藏；显示:无；}#winpop。标题{宽度:100%；高度:22px行高:20px背景:# FFCC00字体粗细:粗体；文本对齐:居中；font-size:12px；}#winpop。con {宽度:100%；高度:90px行高:80px字体粗细:粗体；font-size:12px；颜色:# FF0000文字装饰:下划线；text-align:center }/* http://www.webdm.cn */#路斯{ font-size:12px；颜色:# 666；位置:绝对；右:0；文本对齐:向右；文字装饰:下划线；行高:22px}.close { position:绝对；右:4pxtop:-1px；颜色:# FFF；cursor:pointer } function tips _ pop(){ var MSgpop = document . GetElementbyID(" win pop ")；var PopH = ParSeint(MSgpop . style . height)；//如果(poph = = 0){ msgpop . style . display = " block "；//显示隐藏窗口show = setinterval ("change h ('up ')"，2)；} else { hide = SetInterval(" changeH(' down ')"，2)；} } function ChangeH(str){ Varmsgpop = document . GetElementbyID(" win pop ")；varpopH = ParSeint(MSgpop . style . height)；if(str = = " up "){ if(PopH & amp；lt。= 100){ MSgpop . style . height =(PopH+4)。toString()+" px "；} else { ClearInterval(show)；} } if(str = = " down "){ if(PopH & amp；gt。= 4){ MSgpop . style . height =(PopH-4)。toString()+" px "；} else { ClearInterval(hide)；msgpop . style . display = " none "；//hide div } } } window . onload = function(){//load document . getelementbyid(' winpop ')。style.height = ' 0pxsetTimeout("tips_pop()"，800)；//3秒后调用函数tips _ pop()} &；lt。& ampamp。#47;脚本& ampgt。3秒后右下角会自动弹出一个窗口。如果没有弹出，请点击此按钮。你有新的短信！X1经典语录(

Js弹出窗口，如何让它没有标题栏，并设置边框样式，比如阴影。

你是指像alert自己的弹出窗口那样的弹出窗口，还是只自定义浮动在其他组件上的弹出窗口？系统自带，确认框，输入框被屏蔽。因为js是单线程语言，弹出窗口弹出后整个页面都会被屏蔽。你的下一个操作可以放在弹出窗口之后，因为只有在弹出窗口关闭之后，才会执行下面的代码块，也就是说，之后默认关闭弹出窗口，如果有返回值，也可以通过返回值来判断。

其次是自定义弹出，一般是div，一个蒙版层，一个业务层，使用绝对布局加z-index。一般来说，判断弹出窗口是否关闭有两种。一个是js生成的生成弹出，平时html中是不存在的，一个是隐藏弹出，可以通过寻找对应id组件的存在来判断是否关闭。给一个显示属性:无，弹出时把属性改成block。一般这是直接比较这个div的样式中显示是否等于无。

JS弹出了一个窗口，但是没有打开新的页面。

如果您想浏览当前页面上的子页面，建议使用可选字符串window.open (URL，名称，功能，替换)，它是一个以逗号分隔的功能列表，包括数字，字母和下划线，用于声明新窗口的名称。

此名称可用作标记和的属性目标的值。

如果此参数指定了一个现有窗口，open()方法将不再创建新窗口，而只返回对指定窗口的引用。

在这种情况下，功能将被忽略。