HTML中插入 js弹出窗口代码层代码(js) js就会失效

博客分类:
&htmlxmlns="http://www.w3.org/1999/xhtml"&
&meta http-equiv="Content-Type" content="text/ charset=gb2312"/&
&title&UntitledDocument&/title&
function createIframe(){
//mask遮罩层
var newMask=document.createElement("div");
newMask.id="mDiv";
newMask.style.position="absolute";
newMask.style.zIndex="1";
_scrollWidth=Math.max(document.body.scrollWidth,document.documentElement.scrollWidth);
_scrollHeight=Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
// _scrollHeight = Math.max(document.body.offsetHeight,document.documentElement.scrollHeight);
newMask.style.width=_scrollWidth+"px";
newMask.style.height=_scrollHeight+"px";
newMask.style.top="0px";
newMask.style.left="0px";
newMask.style.background="#33393C";
//newMask.style.background = "#FFFFFF";
newMask.style.filter="alpha(opacity=40)";
newMask.style.opacity="0.40";
newMask.style.display='none';
var objDiv=document.createElement("DIV");
objDiv.id="div1";
objDiv.name="div1";
objDiv.style.width="480px";
objDiv.style.height="200px";
objDiv.style.left=(_scrollWidth-480)/2+"px";
objDiv.style.top=(_scrollHeight-200)/2+"px";
objDiv.style.position="absolute";
objDiv.style.zIndex="2"; //加了这个语句让objDiv浮在newMask之上
objDiv.style.display="none"; //让objDiv预先隐藏
objDiv.innerHTML=' &div id="drag" style="position:height:20width:100%;z-index:10001;top:0; background-color:#0033FF;cursor:" align="right"& &input type=button value="X" onclick="HideIframe(document.getElementById(\'mDiv\'),document.getElementById(\'div1\'));"/& &/div&';
//更改了X按钮为触发关闭事件。
objDiv.style.border="solid #0033FF 3";
var frm=document.createElement("iframe");
frm.id="ifrm";
frm.name="ifrm";
frm.style.position="absolute";
frm.style.width="100%";
frm.style.height=180;
frm.style.top=20;
frm.style.display='';
frm.frameborder=0;
objDiv.appendChild(frm);
// newMask.appendChild(objDiv); //问题出在这里:你把frame所在的div变成了 newMask的子元素,当newMask透明度更改时,当然会影响到frame
document.body.appendChild(newMask);
document.body.appendChild(objDiv);
var objDrag=document.getElementById("drag");
var dragX=0;
var dragY=0;
objDrag.attachEvent("onmousedown",startDrag);
function startDrag(){
if(event.button==1&&event.srcElement.tagName.toUpperCase()=="DIV"){
objDrag.setCapture();
objDrag.style.background="#0000CC";
dragX=event.clientX;
dragY=event.clientY;
objDrag.attachEvent("onmousemove",Drag);
function Drag(){
var oldwin=objDrag.parentN
oldwin.style.left=oldwin.offsetLeft+event.clientX-dragX;
oldwin.style.top=oldwin.offsetTop+event.clientY-dragY;
oldwin.style.left=event.clientX-100;
oldwin.style.top=event.clientY-10;
dragX=event.clientX;
dragY=event.clientY;
objDrag.attachEvent("onmouseup",stopDrag);
function stopDrag(){
objDrag.style.background="#0033FF";
objDrag.releaseCapture();
function htmlEditor(){
var frm=document.getElementById("ifrm");
var objDiv=document.getElementById("div1");
var mDiv=document.getElementById("mDiv");
mDiv.style.display='';
var iframeTextContent='';
iframeTextContent+=' &!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&';
iframeTextContent+=' &html xmlns="http://www.w3.org/1999/xhtml"&';
iframeTextContent+=' &head&';
iframeTextContent+=' &meta http-equiv="Content-Type" content="text/ charset=gb2312" /&';
iframeTextContent+=' &/head&';
iframeTextContent+=' &body&';
iframeTextContent+=' &table&';
iframeTextContent+=' &tr&';
iframeTextContent+=' &td&Name &/td&';
iframeTextContent+=' &td& &input type="text" value="" /& &/td&';
iframeTextContent+=' &/tr&';
iframeTextContent+=' &tr&';
iframeTextContent+=' &td&Email &/td&';
iframeTextContent+=' &td& &input type="text" value="" /& &/td&';
iframeTextContent+=' &/tr&';
iframeTextContent+=' &tr&';
iframeTextContent+=' &td& &input type="button" id="btGo" value="Go" /& &/td&';
iframeTextContent+=' &/tr&';
iframeTextContent+=' &/table&';
iframeTextContent+=' &/body&';
iframeTextContent+=' &/html&';
frm.contentWindow.document.designMode='off';
frm.contentWindow.document.open();
frm.contentWindow.document.write(iframeTextContent);
frm.contentWindow.document.close();
objDiv.style.display = ""; //显示浮动的div
var objGo=frm.contentWindow.document.getElementById("btGo");
objGo.attachEvent("onclick",function (){
HideIframe(mDiv,objDiv);
function HideIframe(mDiv,objDiv){
mDiv.style.display='none';
objDiv.style.display = "none"; //隐藏浮动的div
&body onLoad="createIframe()"&
&td&aa&/td&
&td&&input type="text"/&&/td&
&td&bb&/td&
&td&&input type="text"/&&/td&
&input type="button"id="tt"name="tt"value="Click"onClick="htmlEditor()"/&
浏览: 257401 次
补充一下 在编译hadoop2.9.4时不要改maven源不要 ...
naomibyron 写道我专门注册了一个ITEYE账号,就为 ...
我专门注册了一个ITEYE账号,就为了对你说声谢谢,对我帮助很 ...
smith789 写道呵呵 就是看下怎么启动的
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'Google提供的广告现在的位置:
-& js弹出一个窗口后,后面的层不可操作js弹出一个窗口后,后面的层不可操作为了更好的用户体验,现在网页中好多地方都使用弹出层。比如提示登陆,扫描微信二维码图片,论坛下载弹出扣除积分提醒等。如果你还不会,可以看看下面这个简单的例子。&html&&head&&title&弹出一个窗口后,后面的层不可操作&/title&&script&function show() &//显示隐藏层和弹出层{& &var hideobj=document.getElementById(&hidebg&);& &hidebg.style.display=&block&; &//显示隐藏层& &hidebg.style.height=document.body.clientHeight+&px&; &//设置隐藏层的高度为当前页面高度& &document.getElementById(&hidebox&).style.display=&block&; &//显示弹出层}function hide() &//去除隐藏层和弹出层{& &document.getElementById(&hidebg&).style.display=&none&;& &document.getElementById(&hidebox&).style.display=&none&;}&/script&&style&& &body { margin:0padding:0text-align:}& &#hidebg { position:left:0top:0& & & background-color:#000;& & & width:100%; &/*宽度设置为100%,这样才能使隐藏背景层覆盖原页面*/& & & filter:alpha(opacity=60); &/*设置透明度为60%*/& & & opacity:0.6; &/*非IE浏览器下设置透明度为60%*/& & & display: /* https://www.daixiaorui.com */& & & z-Index:2;}& &#hidebox { position:width:400height:300top:200left:30%;background-color:#display:cursor:z-Index:3;}& &#content { text-align:cursor:z-Index:1;}&/style&&/head&&body&&div id=&hidebg&&&/div&&div id=&hidebox& onClick=&hide();&&点击关闭&/div&&div id=&content& onClick=&show();&&点击试试&/div&&/body&&/html&&文章出自: 本站所有文章,除注明出处外皆为原创,转载请注明本文地址,版权所有。您可能还会对这些文章感兴趣!&最新文章最受欢迎热门排行最新评论关于通过jquery将html代码写入后,这些代码不能应用js和css的问题。_百度知道
关于通过jquery将html代码写入后,这些代码不能应用js和css的问题。
我用的是dwz的框架,首先将一个html文件加载到首页的div中,这个html文件中tbody的静态数据可以应用js和css,当通过jquery将一段&tr&```&/tr&代码写入刚才加载的html文件的&tbody&中,这些tr不能应用js和css,请问这种情况怎么解决?
我有更好的答案
您好:这种情况很简单,动态添加进去的tr不能应用js和css,在tr添加进页面后,再调用一下$(&tr&).addClass(&样式名&); 重新给他添加一下样式即可.至于js的话,在绑定事件的时候用:$(&tr&).live(funtion(){})这样就可以了.因为绑定事件的时候live就可以.
如果是这样就好说了,关键是找不到js,因为用的是dwz框架
没有js何谈应用不到js呢?js不是你写的吗?
js是dwz框架自带的,它的js很多,不知道处理样式的js是哪个。
既然在哪个js添加的事件都不知道,那么如果你想实现什么需求,可以再自己加上同样效果的事件就可以了.除了这个办法别无他法.只能自己再写js了.
既然这样只能自己写JS实现那个效果了,你要修改最起码要找到那个js调用的地方才行.如果找不到,只能自己重写js了.
采纳率:68%
来自团队:
jquery&&动态生成的需要局部渲染,才能显示效果。$(选择器).trigger('create');
可以举个例子吗?
dwz框架 可以用局部刷新,具体可以参考
是可以的,你贴代码来看看
为您推荐:
其他类似问题
jquery的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。没有更多推荐了,
不良信息举报
举报内容:
js DIV延时几秒后消失或显示代码
举报原因:
原文地址:
原因补充:
最多只允许输入30个字
加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!}

我要回帖

更多关于 js弹出提示框代码 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信