圖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小時內與您取得聯系。