怎的模拟点击js代码写的弹出确认框
日期：2014-05-20 浏览次数：20962 次
怎样模拟点击js代码写的弹出确认框?
如题
------解决方案--------------------
写一个事件，将流程模拟一下就可以了吗？难道lz不是这个意思？
------解决方案--------------------
lz说下为什么要模拟，怕大家理解错了。
------解决方案--------------------
地址栏JS注入
------解决方案--------------------
你是说要一个用html模拟window风格的弹出框吧。
美工好的话没问题
------解决方案--------------------
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Js自定义多功能弹窗插件</title>
<style type="text/css">
body,p { margin:0; padding:0; }
p { padding:10px; }
</style>
</head>
<script type="text/javascript">
var openWin = {
$:function(obj,tag){
if(typeof obj=='string'){var obj=document.getElementById(obj);if(!obj)return}
if(tag){return obj.getElementsByTagName(tag)}
else{return obj}
},
wd:function(obj){
this.obj=obj;//指定显示对象
this.oc(1);
},
oc:function(o){
if(!o){var o=0;}
this.bodyBg(o);
this.center(o);
this.hs(o);
this.hb(o);
},
hb:function(o){
if(document.documentElement){document.documentElement.style.overflow=(o==1)?"hidden":"";}
else{document.body.style.overflow=(o==1)?"hidden":"";}
},
hs:function(o){//第二串：显示隐藏下拉菜单(select)
var s=document.getElementsByTagName("select");
if(s[0]=="undefined"){return}
for(var i=0;i<s.length;i++){
if(o==1){s[i].style.visibility="hidden";}
else{s[i].style.visibility="";}
}
},
bodyBg:function(o){
if(o==0){document.getElementsByTagName("body")[0].removeChild(this.$("body_pr"));}
else{
document.getElementsByTagName("body")[0].style.height="100%";
var style={position:"absolute",left:"0",top:"0",zIndex:"9999",width:"100%",height:"999em",backgroundColor:"#000",filter:"alpha(opacity=50)",opacity:"0.5"}//预置样式用于生成遮罩对象
this.cDiv("body_pr","div",style,document.getElementsByTagName("body")[0]);//5、4、3、2、1 创建！
}
},
center:function(o){
if(o==0){document.getElementsByTagName("body")[0].removeChild(this.$("center_pr"));}
else{
var style={position:"absolute",left:"50%",top:"50%",zIndex:"10000"}
this.cDiv("center_pr","div",style,document.getElementsByTagName("body")[0]);//5、4、3、2、1 创建！
if(typeof this.obj=='string'){var obj=this.obj;this.$("center_pr").innerHTML=obj;;
else{var obj=this.obj.cloneNode(true);this.$("center_pr").appendChild(obj);}
openWin.$("center_pr").style.marginTop=-(openWin.$("center_pr").scrollHeight/2)+((window.pageYOffset)?window.pageYOffset:document.documentElement.scrollTop)+"px";
openWin.$("center_pr").style.marginLeft=-(openWin.$("center_pr").scrollWidth/2)+"px";
if(this.$("center_pr").getElementsByTagName("img")[0]){
var objimg=this.$("center_pr").getElementsByTagName("img");
objimg[objimg.length-1].onload=function(){
openWin.$("center_pr").style.marginTop=-(openWin.$("center_pr").scrollHeight/2)+((window.pageYOffset)?window.pageYOffset:document.documentElement.scrollTop)+"px";
如题
------解决方案--------------------
写一个事件，将流程模拟一下就可以了吗？难道lz不是这个意思？
------解决方案--------------------
lz说下为什么要模拟，怕大家理解错了。
------解决方案--------------------
地址栏JS注入
------解决方案--------------------
你是说要一个用html模拟window风格的弹出框吧。
美工好的话没问题
------解决方案--------------------
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Js自定义多功能弹窗插件</title>
<style type="text/css">
body,p { margin:0; padding:0; }
p { padding:10px; }
</style>
</head>
<script type="text/javascript">
var openWin = {
$:function(obj,tag){
if(typeof obj=='string'){var obj=document.getElementById(obj);if(!obj)return}
if(tag){return obj.getElementsByTagName(tag)}
else{return obj}
},
wd:function(obj){
this.obj=obj;//指定显示对象
this.oc(1);
},
oc:function(o){
if(!o){var o=0;}
this.bodyBg(o);
this.center(o);
this.hs(o);
this.hb(o);
},
hb:function(o){
if(document.documentElement){document.documentElement.style.overflow=(o==1)?"hidden":"";}
else{document.body.style.overflow=(o==1)?"hidden":"";}
},
hs:function(o){//第二串：显示隐藏下拉菜单(select)
var s=document.getElementsByTagName("select");
if(s[0]=="undefined"){return}
for(var i=0;i<s.length;i++){
if(o==1){s[i].style.visibility="hidden";}
else{s[i].style.visibility="";}
}
},
bodyBg:function(o){
if(o==0){document.getElementsByTagName("body")[0].removeChild(this.$("body_pr"));}
else{
document.getElementsByTagName("body")[0].style.height="100%";
var style={position:"absolute",left:"0",top:"0",zIndex:"9999",width:"100%",height:"999em",backgroundColor:"#000",filter:"alpha(opacity=50)",opacity:"0.5"}//预置样式用于生成遮罩对象
this.cDiv("body_pr","div",style,document.getElementsByTagName("body")[0]);//5、4、3、2、1 创建！
}
},
center:function(o){
if(o==0){document.getElementsByTagName("body")[0].removeChild(this.$("center_pr"));}
else{
var style={position:"absolute",left:"50%",top:"50%",zIndex:"10000"}
this.cDiv("center_pr","div",style,document.getElementsByTagName("body")[0]);//5、4、3、2、1 创建！
if(typeof this.obj=='string'){var obj=this.obj;this.$("center_pr").innerHTML=obj;;
else{var obj=this.obj.cloneNode(true);this.$("center_pr").appendChild(obj);}
openWin.$("center_pr").style.marginTop=-(openWin.$("center_pr").scrollHeight/2)+((window.pageYOffset)?window.pageYOffset:document.documentElement.scrollTop)+"px";
openWin.$("center_pr").style.marginLeft=-(openWin.$("center_pr").scrollWidth/2)+"px";
if(this.$("center_pr").getElementsByTagName("img")[0]){
var objimg=this.$("center_pr").getElementsByTagName("img");
objimg[objimg.length-1].onload=function(){
openWin.$("center_pr").style.marginTop=-(openWin.$("center_pr").scrollHeight/2)+((window.pageYOffset)?window.pageYOffset:document.documentElement.scrollTop)+"px";
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
