JAVAscript學習筆記 js事件第一節（原創）參考js使用表

阿新 • • 發佈：2017-09-14

onchange onf form 看不見鼠標 hello cnblogs html 加載

<!DOCTYPE html>
<html lang="en" onUnload="ud()">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function demo() {
            alert("hello");
        }

        function onOver(ooj) {
            ooj.innerHTML = "鼠標移入顯示";
        }

         
function onOut(ooj) {
            ooj.innerHTML = "鼠標移出顯示";
        }

        function changeDemo(bg) {
            alert("內容改變了啊")
        }

        function changeDemo1(bg) {
            bg.style.background = "red";
        }

        function changeDemo2(bg) {
            bg.style.background = " 
blue";
        }

        function mgs() {
            alert("內容加載完畢")
        }

        function bu(bg) {
            var b = bg.value;
            alert("鼠標移開事件(您輸入的是)" + b);
        }

        function ud() {
            alert("您關閉了網頁")

        }

    </script>

    <style>
        .div  
{
            width: 100px;
            height: 100px;
            background-color: cadetblue;
        }

    </style>
</head>
<body onload="mgs()" onunload="ud()">
<!--網頁加載完畢事件，網頁關閉事件(關閉後執行看不見)-->
<button onclick="demo()">按鈕</button>
<!--單機事件-->
<div class="div" onmouseout="onOut(this)" onmouseover="onOver(this)">開始顯示</div>
<form>
    <input type="text" onchange="changeDemo(this)"/>
    <!--文本內容改變事件-->
    <input type="text" onselect="changeDemo1(this)" onfocus="changeDemo2(this)"/>
    <!--文本內容選中事件--> <!--鼠標聚集（選中）事件-->
    <input type="text" onblur="bu(this)"/>
    <!--移開光標事件事件-->

</form>
</body>
</html>

onchange onf form 看不見鼠標 hello cnblogs html 加載 <!DOCTYPE html> <html lang="en" onUnload="ud()"> <head> <meta ch

JAVAscript學習筆記 jsBOM 第七節（原創）參考js使用表

span aid cat alert 當前頁 config 彈出框 pan 針對 <html> <head> <title>day02_js</title> <scrip

JAVAscript學習筆記 jsDOM 第五節（原創）參考js使用表

doctype count1 長度 pan dom ID BE func alert <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JAVAscript學習筆記 js異常第二節（原創）參考js使用表

htm demo cnblogs value demo1 span 自定義 char 按鈕 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JAVAscript學習筆記 js句柄監聽事件第四節（原創）參考js使用表

必須 htm -c eve property blog uncaught event add <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記基礎標簽及css引用案例第一節（原創）參考使用表

set utf har del 文件定義 .com eight head <!DOCTYPE html><html lang="en"><!--表示網頁文字以什

HTML學習筆記基礎表格第二節（原創）

utf 空心圓無序列表 har ble 學習 oot order 有序 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title

HTML學習筆記 CSS學習選擇器第五節（原創）

ext spa family 如果 styles ctype css gre utf <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

HTML學習筆記 CSS學習選擇器案例第五節（原創）參考使用表

樣式 back ack aid head 派生選擇器 char logs pan <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 CSS背景樣式案例第六節（原創）參考使用表

ext jpg class 設置 link eight text spa .com <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 cs動畫基礎（分列效果可用於做瀑布流）第十五節（原創）參考使用表

har orm 顏色無限動畫 ext top 效果 rotate <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

HTML學習筆記 cs2D3D展示基礎第十四節（原創）參考使用表

safari 學習筆記 ans com div2 s2d spa har tex <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 w3sCss盒子模型（陰影）（div的一些使用）案例第十節（原創）參考使用表

idt pac cin head src 模型圖 div 盒子模型樣式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 css定位（靜態，相對，固定，絕對布局）偏移案例第十二節（原創）參考使用表

absolute write style 用戶學習 nbsp -c code posit <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

python學習筆記第十一節（叠代和其他）

技術分享 img 余數商品列表步長取數 sorted函數學習四舍五入 yiled 面相過程編程造好內容，統一發給下面上面這個是傻瓜版內置函數 print(divmod(10,3)) 將10除以3，顯示商和余數 enumerate函數，顯示元素及它

HTML學習筆記 CSS樣式第六節（原創）

Y軸重復 eight -i tac 圖片 500px itl idt <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&

HTML學習筆記 w3sCss盒子模型應用第十一節（原創）

.com foo margin images href ack har htm com <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l

HTML學習筆記 iframe引用頁面按列(針對target打開方式解釋) 第九節（原創）

type head -- eight frame top target span utf <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

javaScript學習筆記，陣列排序sort（）；

陣列排序的方法sort(); 該方法有個引數，稱為方法函式。 1.如果沒有指定方法引數，則按unicode碼順序排列 2.指定方法引數： function sortnum(a,b){ return a-b;//正序；b-a倒序，按數值大小 } var myarr = new

Python:GUI之tkinter學習筆記3事件綁定（轉載自https://www.cnblogs.com/progor/p/8505599.html）

borde proto mes level 字符串 from .com 當前控件相關內容： command bind protocol 首發時間：2018-03-04 19:26 command: command是控件中的一個參數，如果使得comma

JAVAscript學習筆記 js事件 第一節 （原創） 參考js使用表

相關推薦

JAVAscript學習筆記 js事件第一節（原創）參考js使用表