JAVASCRIPT建構網頁
劉任昌按鈕 網頁和微軟WORD相同的命令document.paragraph DIVISION區塊
發表文章
JAVASCRIPT建構網頁文件vs.PYTHON建構WORD文件
現在瀏覽器建構網頁，然後在Spyder輸入docx函式庫，建構WORD文件。今天必須完成的，在 第二列<body>下插入「 <BUTTON ONCLICK='A()'>自己名字按鈕</BUTTON> 」 <script>下插入「function A() { 」讓電腦知道這是函數的開始 </script>上插入「 } 」讓電腦知道這是函數的結束 <body> <P id='shit'>網頁和微軟WORD相同的命令document.paragraph</P> </body> <script> let t = document.createElement("H1"); t.innerText = "標題一"; t.style.background ='yellow'; document.body.appendChild(t); let u = document.createElement("P"); u.innerText = "創立create元素Element。"; u.style.background ='green'; document.body.appendChild(u); let v = document.createElement("SPAN"); v.innerText = "小段SPAN相當於WORD的run。"; v.style.background ='blue'; document.getElementById('shit').appendChild(v); </script>
劉任昌HTML按鈕BUTTON事件ONCLICK
物件導向設計OOP=Object-Oriented Programming 主詞subject受詞object東方的oriental id=identity,身分證id card, division區塊,段落 劉任昌執行 期中考心得將以前的重點貼上 不編排PYTHON程式碼，期中考後再練習。 JAVASCRIPT的字典 dict =new Map([["2303","聯電"],["2330","台積電"],["2880","華南金"],['AAPL','蘋果公司'],['C','花旗銀行'],['T','美國電話電報']]);//宣告配對(字典) PYTHON的字典 dict ={"2303":"聯電","2330":"台積電","2880":"華南金",'AAPL':'蘋果公司','C':'花旗銀行','T','美國電話電報'}
劉任昌Javascript物件導向Python物件導向
python語言的OOP=物件導向程式設計: 物件.屬性(attribute, property) 物件.方法(method) 方法就是 物件的函數 物件導向程式設計 Javascript指令new Constructor產生新的instance案例 s1.shares.toString()=案例sa的屬性shares內建方法toString()轉成字串，原來的數字被轉成字串string才可以和其他字串相加 Javascript程式碼 <DVI ID='cat'></DVI> <SCRIPT> class Stock{ //宣告類別 constructor(code, shares, price){ this.code = code; this.shares = shares; this.price = price;} } s1 = new Stock("2330", 100, 1000); //建構子Stock建構s1 s2 = new Stock("2880", 1000, 30); //建構子Stock建構s2 st = s1.code+' 股數 '+s1.shares.toString()+'<BR>'+s2.code.toString()+' 股數 '+s2.shares; document.getElementById('cat').innerHTML = st;</SCRIPT> Javascript程式碼加入配對(字典)指令 dict =new Map([["2303","聯電"],["2330","台積電"],["2880","華南金"]]);//宣告配對(字典) w3schools練習
劉任昌Javascript與Python比較
劉任昌JAVASCRIPT不需要如PYTHON輸入TKINTER因為已經在視窗執行 劉任昌增加 劉任昌銀行 刪除串列的最後一個元素 重點 python的append=javascript的push，接下的重python例如用在office軟體的各種自動化.. 還有一個重點是物件導向object-oriented programming style程式碼 <STYLE> BUTTON{BORDER:10PX SOLD RED;BORDER-RADIUS:20PX;} H1{BORDER:10PX SOLD RED;BORDER-RADIUS:20PX;BACKGROUND:PURPLE;COLOR:WHITE;FONT-SIZE:16PX;} </STYLE> 以上程式碼在HTML模式貼上 在撰寫模式下貼上程式碼就形成以下的畫面 <SCRIPT> var banks=['摩根大通','美國銀行','中國工商','花旗銀行']; function ABC(){ var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); txt = ''; ctx.clearRect(0, 0, 600, 300); for (i=0; i<banks.length; i++) txt += banks[i]+' '; ctx.font = "20px 標楷體"; ctx.fillText(txt,0,40); } function XYZ(){ newbank = document.getElementById('bank').value; banks.push(newbank); ABC(); } function kill(){ banks.pop(); ABC(); } </SCRIPT> <INPUT ID='bank' value='劉任昌金庫'></INPUT...