打开网站就弹出网站公告提示框的JS弹窗代码

是否有看到有的网站进入网站就会弹出网站公告提示框，今天飞飞和你们分享打开网站就弹出网站公告提示框的JS弹窗代码，希望可以帮到你~

直接复制JS代码，粘贴到首页文件，或者需要弹出的页面即可

序员必须小知识：Js各种弹出框展示

程序员必须小知识：Js各种弹出框展示

1.用页面展示出有哪几种弹出方式：

<body>

<div>

<a href="#" onclick="show1()">show</a> |

<a href="#" onclick="show2()">slide</a> |

<a href="#" onclick="show3()">fade</a> |

</div>

<div>

<a href="#" onclick="alert1()">alert</a> |

<a href="#" onclick="alert2()">alert(error)</a> |

<a href="#" onclick="alert3()">alert(info)</a> |

<a href="#" onclick="alert4()">alert(question)</a> |

<a href="#" onclick="alert5()">alert(warning)</a>

</div>

<div>

<a href="#" onclick="confirm1()">confirm</a>

</div>

<div>

<a href="#" onclick="prompt1()">prompt</a>

</div>

</body>

2.用CSS对个弹出框来修饰样式；

3.用js来实现各种弹出框：

function show1(){

$.messager.show({

title:'My Title',

msg:'Message will be closed after 4 seconds.',

showType:'show'

});

}

function show2(){

$.messager.show({

title:'My Title',

msg:'Message will be closed after 5 seconds.',

timeout:5000,

showType:'slide'

});

}

function show3(){

$.messager.show({

title:'My Title',

msg:'Message never be closed.',

timeout:0,

showType:'fade'

});

}

function alert1(){

$.messager.alert('My Title','Here is a message!');

}

function alert2(){

$.messager.alert('My Title','Here is a error message!','error');

}

function alert3(){

$.messager.alert('My Title','Here is a info message!','info');

}

function alert4(){

$.messager.alert('My Title','Here is a question message!','question');

}

function alert5(){

$.messager.alert('My Title','Here is a warning message!','warning');

}

function confirm1(){

$.messager.confirm('My Title', 'Are you confirm this?', function(r){

alert('confirmed:'+r);

});

}

function prompt1(){

$.messager.prompt('My Title', 'Please type something', function(r){

if (r){

alert('you type:'+r);

}

});

}

</script>

版权归属：康诺科技

2017/7/18

、警告框（alert / window.alert）

alert("文本");

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

2、确认框（confirm / window.confirm）

confirm("文本")

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

prompt（text，defaulText）；输入文字对话框，text：对话框显示纯文本（而不是HTML格式文本）；defaultText，默认文本。

3、提示框（prompt / window.prompt）

prompt("文本","默认值")

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

注：弹出框换行用“ /n ”;

4、console.log();控制台打印内容；

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

打开网站就弹出网站公告提示框的JS弹窗代码

您的项目需求