JAVASCRIPT建構網頁

網頁和微軟WORD相同的命令document.paragraph

DIVISION區塊

留言

張貼留言

這個網誌中的熱門文章

劉任昌Javascript執行三角函數繪圖

Javascript在網頁就可以執行不需要開啟Spyder 劉任昌執行 以上程式碼 <STYLE>BUTTON{BORDER:GREEN 5PX SOLID;BORDER-RADIUS:30PX;}</STYLE> <h1>Javascript在網頁就可以執行不需要開啟Spyder</h1> <button onclick="LH()">劉任昌執行</button> <canvas height="400" id="my" style="background: black;" width="1200"></canvas> <script> function LH() { var c = document.getElementById("my"); var cty = c.getContext("2d"); var x = 0; var y = 200; var h = 100; cty.beginPath(); cty.lineWidth = 5; cty.moveTo(x,y); while (x < 1000){ x = x + 1; y = 200 - h * Math.sin(0.2*x); cty.lineTo(x, y); cty.strokeStyle = "yellow"; cty.stroke(); }; } </script>
閱讀完整內容

劉任昌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練習
閱讀完整內容

劉任昌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','美國電話電報'}
閱讀完整內容