原生 js 模擬 alert 彈窗

2022-03-20 19:13:00 字數 2714 閱讀 6759

複製頭部的 js **到你的 js 檔案的任何地方,呼叫chef.alert方法傳入相應的引數即可並沒有什麼功能,只是乙個提示的作用,可能樣式比 alert 的彈窗好看點,css是寫在js裡的,只要你會寫 css 就可以自行修改樣式.

chef.alert 使用說明:

此方法有6個引數:

1,title 彈出框的標題

2,content 彈出框的提示文字也可以以字串的形式傳入任何html標籤,

3,firm 彈出框按鈕的文字

4,offset 彈出框距離頂部的位置,左右預設水平居中,

5,width 彈出框的寬度

6,shade 遮罩層的透明度

覺得沒有用的引數可以不傳

******

注意 :chef.alert 只是乙個提示的作用 沒有任何操作

以下是**:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

<

script

>

varchef

=else

varheads

=doc.getelementsbytagname(

"head");

if(heads.length)

else

},//建立並顯示遮罩層

'createchef':

function

()

vardiv

=this

.create(

'div');

div.style.width

=this

.bodyw +'

px'; div.style.height

=this

.bodyh +'

px'; div.classname ='

chef_opacity';

},//alert 框

'alert':

function

()

//確定按鈕的click事件 什麼都不做

alertfirm.onclick

=function

()

//樣式以及內容

alertdiv.classname ='

chef_alert';

if(arguments.length ==1

)else

arguments[

0].title

==undefined

?alerth2.innerhtml ='

來自網頁的資訊

': alerth2.innerhtml

=arguments[

0].title;

arguments[

0].content

==undefined

?alertp.innerhtml =''

: alertp.innerhtml

=arguments[

0].content;

arguments[

0].firm

==undefined

?alertfirm.innerhtml ='

確定': alertfirm.innerhtml

=arguments[

0].firm;

}else

//新增到頁面

},//建立

'create':

function

() };

;(function

(chef)\

.chef_opacity\

.chef_alert\

.chef_alert>h2\

.chef_alert>p\

.chef_alert>div\

.chef_alert>div>button\

.chef_x\

';chef.cssstyle(cssstring);

})(chef);

script

>

head

>

<

body

>

<

button

id='alertbtn'

>alert彈窗

button

>

<

script

>

//獲取物件新增事件

document.getelementbyid(

'alertbtn

').onclick

=function

());

};script

>

body

>

html

>

alert彈窗方法1

我是div div script 1.找到那個標籤 vard1ele document.getelementbyid d1 console.log d1ele 這裡在獲取到d1之後,立馬列印,列印的結果是空 因為我們把script放到了head裡邊了,在這裡我們需要將script放到body的最下邊...

Hook IE瀏覽器alert彈窗

需要攔截並獲取到瀏覽器中alert的資訊。實際上就是hookihtmlwindow2.alert 介面 首先在引入mshtml.h前,需要定義 define cinte ce,強制使用c型別的com介面。define cinte ce include include include cmdsetid...

查詢頁面中alert彈窗位置

要找到呼叫 的位置,基本第乙個可以想到的原理就是利用斷點進行查詢。本來就是要找 的位置,都不知道位置怎麼去打斷點呢。這個就是js靈活的地方了,我們可以用自己寫的函式覆蓋掉原生的函式,然後其他的就簡單了。varoriginalert window.alert 首先記錄原生的alert window.a...