                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /DOM事件探秘

這一節(jié)的正確答案是什么啊，求解.

一修哥的妹妹

2018-12-04

源自：DOM事件探秘 3-3

關(guān)注問題我要回答

1556

操作

收起

4 回答

qq_慕萊塢6422496
2022-05-28

????<script>????????window.onload?=?function?()?{????????????var?login_btn?=?document.getElementById('login'),????????????????login_box?=?document.getElementById('login_box'),????????????????close?=?document.getElementById('close');????????????//?封裝添加事件監(jiān)聽程序????????????function?addEvent(ele,?type,?hander)?{????????????????//?執(zhí)行代碼????????????????if?(ele.addEventListener)?{????????????????????ele.addEventListener(type,?hander,?false);????????????????}?else?if?(ele.attachEvent)?{????????????????????ele.attachEvent("on"?+?type,?hander);????????????????}?else?{????????????????????ele["on"?+?type]?=?hander;????????????????}????????????}????????????//?顯示登錄層函數(shù)????????????function?showLogin()?{????????????????//?執(zhí)行代碼????????????????login_box.style.display?=?"block";????????????}????????????//?隱藏登錄層函數(shù)????????????function?hideLogin()?{????????????????//?執(zhí)行代碼????????????????login_box.style.display?=?"none";????????????}????????????//點擊登錄按鈕顯示登錄層????????????//?執(zhí)行代碼????????????addEvent(login_btn,?'click',?showLogin);????????????//點擊關(guān)閉按鈕隱藏登錄層????????????//?執(zhí)行代碼????????????addEvent(login_box,?'click',?hideLogin);????????}????</script>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

張科瑞
2020-07-26

<!doctype?html>

<html?lang="en">

<head>

????<meta?charset="UTF-8">

????<title>Document</title>

????<style>

?????*{margin:0;padding:0;}

?????.head{font-size:12px;padding:6px?0?0?10px;}

?????#login_box{width:300px;height:150px;background:#eee;

?????border:1px?solid?#ccc;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-75px;display:none;}

?????#login_box?p{height:20px;border-bottom:1px?solid?#ccc;font-size:12px;padding:6px?0?0?5px;font-weight:bold;}

?????#close{width:14px;height:14px;background:url(close.png)?no-repeat;position:absolute;right:4px;top:6px;}

????</style>

????<script>

??????window.onload=function(){

????????var?login_btn=document.getElementById('login'),

????????????login_box=document.getElementById('login_box'),

????????????close=document.getElementById('close');

????????//?封裝添加事件監(jiān)聽程序

????????function?addEvent(ele,type,hander){

???????????if(ele.addEventListener){

????????????ele.addEventListener(type,hander,false);

???????????}else?if(ele.attachEvent){

????????????ele.attachEvent('on'+type,hander);

???????????}

????????}

????????//?顯示登錄層函數(shù)

????????function?showLogin(){

????????????login_box.style.display?=?"block";

????????}

????????//?隱藏登錄層函數(shù)

????????function?hideLogin(){

??????????login_box.style.display?=?"none";

????????}

????????//點擊登錄按鈕顯示登錄層?

????????addEvent(login_btn,'click',showLogin);

????????//?執(zhí)行代碼

????????//點擊關(guān)閉按鈕隱藏登錄層

????????addEvent(close,'click',hideLogin);

????????//?執(zhí)行代碼

????}

????</script>

</head>

<body>

????<div?class="head">親，您好！<input?type="button"?value="登?錄"?id="login"></div>

????<div?id="login_box">

????????<p>用戶登錄</p><span?id="close">關(guān)閉</span>

????</div>

</body>

</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉1255494
2019-05-25

? ? ? window.onload=function(){

? ? ? var login_btn=document.getElementById('login'),

? ? ? ? ? login_box=document.getElementById('login_box'),

? ? ? ? ? close=document.getElementById('close');

? ? ? // 封裝添加事件監(jiān)聽程序

? ? ? ? function addEvent(ele,type,hander){

? ? ? ? ? ?// 執(zhí)行代碼??

? ? ? ? ? ?if(ele.addEventListener) {

? ? ? ? ? ? ? ?ele.addEventListener(type, hander, false);

? ? ? ? ? ?} else if(ele.attachEvent) {

? ? ? ? ? ? ? ?ele.attachEvent('on'+type, hander)

? ? ? ? ? ?} else {

? ? ? ? ? ? ? ?ele['on'+type]=hander;

? ? ? ? ? ?}

? ? ? }

? ? ? ? // 顯示登錄層函數(shù)

? ? ? function showLogin(){

? ? ? // 執(zhí)行代碼

? ? ? login_box.style.display='block';

}

? ? ? ? // 隱藏登錄層函數(shù)

? ? ? ? function hideLogin(){

? ? ? ? ? // 執(zhí)行代碼

? ? ? ? ? login_box.style.display='none';

? ? ? ? }

? ? ? ? //點擊登錄按鈕顯示登錄層?

? ? ? ? addEvent(login_btn, 'click', showLogin);

? ? ? ? //點擊關(guān)閉按鈕隱藏登錄層

? ? ? ? addEvent(close, 'click', hideLogin);

? ? ? }

</script>

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

qq_林深不知處_0
2018-12-18

<!doctype html>

<html>

<head>

? ? <meta charset="UTF-8">

<title>Document</title>

<style>

*{margin:0;padding:0;}

? ? ?.head{font-size:12px;padding:6px 0 0 10px;}

? ? ?#login_box{width:300px;height:150px;background:#eee;

? ? ?border:1px solid #ccc;position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-75px;display:none;}

? ? ?#login_box p{height:20px;border-bottom:1px solid #ccc;font-size:12px;padding:6px 0 0 5px;font-weight:bold;}

? ? ?#close{width:14px;height:14px;background:url(http://www.w3school.com.cn/i/eg_bg_03.gif) no-repeat;position:absolute;right:4px;top:6px;}

</style>

? ? ? window.onload=function(){

? ? ? var login_btn=document.getElementById('login'),

? ? ? ? ? login_box=document.getElementById('login_box'),

? ? ? ? ? close=document.getElementById('close');

? ? ? // 封裝添加事件監(jiān)聽程序

? ? ? ? function addEvent(ele,type,hander){

? ? ? ? ? ?// 執(zhí)行代碼

? ?if (ele.addEventListener){

? ?ele.addEventListener(type, hander, false);

? ?}else if (ele.attachEvent) {

ele.attachEvent("on" + type, hander);

? ?}else{

? ?ele["on" + type]=hander;

? ?}

? ? ? }

? ? ? ? // 顯示登錄層函數(shù)

? ? ? function showLogin(){

? ? ? // 執(zhí)行代碼

var loginBox = document.getElementById("login_box");

loginBox.style.display = 'block';

//console.log(loginBox.style);

? ? ? ? }

? ? ? ? // 隱藏登錄層函數(shù)

? ? ? ? function hideLogin(){

? ? ? ? ? // 執(zhí)行代碼

var loginBox = document.getElementById("login_box");

loginBox.style.display = 'none';

? ? ? ? }

? ? ? ? //點擊登錄按鈕顯示登錄層?

? ? ? ? var loginBtn = document.getElementById("login");

addEvent(loginBtn, 'click', showLogin);

? ? ? ? //點擊關(guān)閉按鈕隱藏登錄層

var closeBtn = document.getElementById("close");

addEvent(closeBtn, 'click', hideLogin);

? ? ? }

</script>

</head>

<body>

</div>

</body>

</html>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

舉報

0/150

提交

取消

DOM事件探秘

參與學(xué)習(xí) 99532 人
解答問題 1291 個

DOM事件？本課程會通過實例來給小伙伴們講解如何使用這些事件

進(jìn)入課程

本課相似問答

3 回答一個很重要的問題，求解答

3 回答誰能幫我解答一下啊

1 回答求大神解答

2 回答這份答案很棒

2 回答在使用IE，attachEvent的時候會報錯啊，求解答

搜索更多本課相關(guān)問答

這一節(jié)的正確答案是什么啊，求解.

我要回答關(guān)注問題

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

這一節(jié)的正確答案是什么啊，求解.

4 回答

本課相似問答

這一節(jié)的正確答案是什么啊，求解.

這一節(jié)的正確答案是什么啊，求解.

這一節(jié)的正確答案是什么啊，求解.