图1
图2
图3
、警告框(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();控制台打印内容;
推荐阅读:
JavaScript基础知识系列:不再彷徨:完全弄懂JavaScript中的this
面试:JavaScript基础篇
JavaScript基础知识系列:判断类型(上)
js 中原型和原型链深入理解
现自定义组件 在 main文件不是以 标签的形式存在,而是通过调用方法触发业务
效果:
效果图
1、插件入口实现,在main文件中会根据使用vue.use()引入插件模版文件
main.js
2、在组件的javascript中定义入口配置
(1)实现 install 方法 ,在 vue中use后会默认执行 install方法
(2)挂载模版组件到body,渲染组件
(3)执行事件触发,在这其中定义了两个 confirm 、alert 两个方法(不同效果)
(4)根据需求处理业务
index.js
3、在组件模版 iAlert.vue 中,实现业务逻辑效果
4、根据情况,调用方法触发业务
iAlert.js
效果1:
this.$iAlert.confirm({
content : '确认执行该操作?',
title: '提示',
options: {
success: (rs)=>{
Console.log('成功回调')
})
*请认真填写需求信息,我们会在24小时内与您取得联系。