care about us: js

建立加幾天的函式，感謝Summer分享。
Date.prototype.addDays = function(days) {
this.setDate(this.getDate() + days);
return this;
}
var today = new Date();
today.addDays(7)

if else 低級錯誤@@感謝 Greta分享，雙條件要用&&， if ( 3 < b && b < 5 )
想要在某個時間點換圖，結果一直卡在 else if ( today <= cherry )
{ document.getElementById("imgs").innerHTML = idimags; }
今天的時間 < cherry生日，就顯示某圖。而我是想要 cherry生日時(與之後)都顯示圖。所以要設限制為 else if ( today <= cherry ) {上個壽星的圖 } else { chery 的圖 } 或是雙條件
else if ( cherry<= today && today <= 下個壽星日期 ) { 顯示cherry圖 }

利用JS來轉址，感謝Vivian分享。
window.location.href = 'https://www.ccc.ooo';

2024年3月13日星期三

互動程式創作真的是學不完

hahow裡面有墨雨老師的教學，也找到互動程式創作的網站，真讚~~

2024年3月6日星期三

看完~ithome~豆芽班日記 JS

看完這個作者的豆芽班日記文章，最喜歡她跟她的寶貝的對話，讓我有看下去的動力(不然裡面寫的有比較深一點，會燒腦) 也發現好想工作室的招生，還有印度的JS高手~~感謝作者~~

2024年1月25日星期四

JS~讀取json格式檔，在判斷是否要顯示文字

W3 有介紹如何讀取JSON格式檔，他是使用txt(改成json也可以)，但要在Server上跑喔，之前以為拖拉到瀏覽器就可以看到是錯的@@

讀取JSON格式(可以是txt or json ，檔案裡面不能放註解喔)
放註解會跑不出來(JS的註解是雙斜線)
讀取每個JSON資料(會比其他JS慢讀取，所以導致放在最後面@@，將JSON寫在html上就可照位置擺設)
原本位置是第二個，但都一直跑到最下面，即使下面有三十個區塊也是一樣。
判斷只要顯示十天內的資料
很奇怪，原本只判斷日期要大於今天的，但都會刪掉兩天，例如01/25，比對後只顯示01/27，印出今天的日期確定是01/25。
後來加上另一個判斷，小於五天後的時間，就莫名的準確了@@
將JSON寫在HTML中要注意每行的資料，要用字串與加號串接起來
所以寫在html上比較麻煩。
將其他的JS檔，放入在另一個JS，並放在</html>下面即可@@
<script src="test/OOXX.js"></script>

跟著W3C做~JSON(完，但有些不成功)

因為範例都是直接將JSON資料寫入，但現在想要用讀取的方式寫到HTML中。感謝GRAY的分享，JSON要用JS才能寫到HTML中。

JS~依照日期來變換背景

因為要依照日期，所以要建立今天日期來跟某些特定日期做比對。要放在<script language="JavaScript"> 程式碼放這裡 </script>

今天日期
let today1 = new Date();

特定日期
let thatDay2 = new Date('2024-1-8 23:59:59')
let thatDay3 = new Date('2024-2-9 23:59:59')

做比對

if (today1 <= thatDay2) {

wel.document.write('<body bgcolor=#FFFFFF>');

}else if (today1 <= thatDay3){

wel.document.write('<body bgcolor=#UUUUUU>');

}else{

wel.document.write('<body bgcolor=#CCCCCC>');

}

2024年1月22日星期一

跟著W3做~Javascript

來試試看JS，下面是有問題的部分。

跟著網頁做~Node.js 入門教學(網設乙級及職訓)

一直都是在XAMPP(apache+Mysql)的環境工作，感謝洛奇的學習之路NodeJS入門教學，分享如何在XAMPP中使用NODEJS(挖，是一個大坑)。另外洛奇也有分享網頁設計乙級及職訓教材。(感恩)

下面是跟著網頁做，出現問題的紀錄@@

跟著W3C做~NodeJS(完，但有卡)

跟著做練習看看@@以下是遇到的狀況~~

網頁內容更改後，沒有顯示更新的內容(瀏覽器cache的問題)

這有兩個方向，一個是使用者那邊瀏覽器會記錄，所以使用者只要按 ctrl + F5，就可以看到新的內容了。

另一個方向是在程式碼做處理，感謝散佈在海洋中的碼農分享html的作法，將下面的程式放在<head>裡面。

感謝混水摸魚分享 js 與 css的作法。js、css後面加上日期

2022年7月10日星期日

跟著書做~~Vue.js 2 前端漸進式建構框架

之前有測試Vue，結果都是顯示{{message}}，原因是Vue的CDN。感謝Kuro Hsu的重新認識Vue.js。
Vue2：https://cdn.jsdelivr.net/npm/vue/dist/vue.js
Vue3：https://unpkg.com/vue@next
但跟原廠的有些不一樣。
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

data裡面只能放一個變數??? message or numbers

2021年3月7日星期日

用JS回到畫面最頂端

三個部分要注意

html部分
<p id "page-top"><a href="#">回到畫面頂端</a></p>

JQUERY引入
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

javascript動作
<script>
$(function (){
   $("page-top a").click(function (){
    // id=如果'page-top'被點擊
       $('html,body').animate({scrollTop:0}, 'fast');
        //利用 fast(最快) 的速度到畫面頂端
        return false;
        });
    });
</script>

訂閱：文章 (Atom)

care about us

網頁

2024年11月8日星期五

未完成~跟著ithome做~文科生轉職React前端工程師的菜鳥學習日記系列

2024年4月2日星期二

react、Vue 與各種資料庫初接觸

2024年3月28日星期四

學到一些JS技巧

2024年3月13日星期三

互動程式創作真的是學不完

2024年3月6日星期三

看完~ithome~豆芽班日記 JS

2024年1月25日星期四

JS~讀取json格式檔，在判斷是否要顯示文字

跟著W3C做~JSON(完，但有些不成功)

JS~依照日期來變換背景

2024年1月22日星期一

跟著W3做~Javascript

2023年9月28日星期四

跟著網頁做~Node.js 入門教學(網設乙級及職訓)

2023年8月24日星期四

跟著W3C做~NodeJS(完，但有卡)

2023年4月20日星期四

網頁內容更改後，沒有顯示更新的內容(瀏覽器cache的問題)

2022年7月10日星期日

跟著書做~~Vue.js 2 前端漸進式建構框架

2021年3月7日星期日

用JS回到畫面最頂端

網頁

2024年11月8日 星期五

2024年4月2日 星期二

2024年3月28日 星期四

2024年3月13日 星期三

2024年3月6日 星期三

2024年1月25日 星期四

2024年1月22日 星期一

2023年9月28日 星期四

2023年8月24日 星期四

2023年4月20日 星期四

2022年7月10日 星期日

2021年3月7日 星期日

2024年11月8日星期五

2024年4月2日星期二

2024年3月28日星期四

2024年3月13日星期三

2024年3月6日星期三

2024年1月25日星期四

2024年1月22日星期一

2023年9月28日星期四

2023年8月24日星期四

2023年4月20日星期四

2022年7月10日星期日

2021年3月7日星期日