,,使用JavaScript实现alert的实例代码

,,使用JavaScript实现alert的实例代码

本文通过实例代码给大家介绍了射流研究…实现警报的方法,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧

废话不多说了,直接给大家贴代码了,具体代码如下所示:

脚本

window.alert=警报

功能警报(数据){

var MainDiv=document。createelement(' div '),

p=document.createElement('p '),

所有页面=文档。createelement(' div '),

BTN=文件。createelement(' div '),

文本节点=文档。创建文本节点(数据?数据: ''),

btnText=文档。创建文本节点('确定');

//控制样式

css(所有页面,{

位置':'固定,

_position ':'绝对,

宽度':' 100% ',

高度':' 100% ',

"左":"0",

顶部':' 0 ',

背景:' rgba(0,0,0,0.5)',

-moz-opacity': '0.5 ',

滤镜:'阿尔法(不透明度=50)',

z-index': '97 ',

});

css(MainDiv,{

位置':'固定,

"左":"0",

"右":"0",

顶部':' 30% ',

宽度':' 14英尺,

身高':' 5雷姆,

填充顶部':' 0.5雷姆,

边距':' 0自动,

背景色':'白色,

font-size ':' 0.75雷姆,

文本对齐':'居中,

位置':'相对,

border-radius': '5px 5px 5px 5px ',

});

css(btn,{

背景:' #de241b ',

颜色':'白色,

宽度':' 6雷姆,

左边距':' 4个边,

边距-底部':' 0.25雷姆,

身高':' 1.5雷姆,

border-radius': '5px 5px 5px 5px ',

位置':'绝对,

填充顶部':' 0.5雷姆,

底部':' 0 ',

})

//内部结构套入

p。appendchild(文本节点);

BTN。追加子对象(BTN文本);

主分区。appendchild(p);

主分区。appendchild(BTN);

所有页面。appendchild(MainDiv);

//整体显示到页面内

文档。getelementsbytagname(' body ')[0].appendChild(所有页面);

//禁止滚动

$('body ').开('触摸移动,功能(事件){

事件. preventDefault

},假)

//确定绑定点击事件删除标签

btn.onclick=function () {

所有页面。父节点。移除子项(所有页面);

//启用滚动

$('body ').关闭('触摸移动');

}

}

函数css(targetObj,cssObj) {

var str=目标对象。获取属性(' style ')?目标对象。获取属性(' style '):' ';

for(CSS对象中的变量I){

str=I ':' CSS obj[I]';';

}

目标对象。风格。CSS text=str

}

以上所述是小编给大家介绍的使用Java脚本语言实现警报的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: