JS學習實踐(1) JavaScript 修改影象燈泡
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> </head> <body> <script> function changeImage() { element=document.getElementById('myimage') if (element.src.match("bulbon")) { element.src="/images/pic_bulboff.gif"; } else { element.src="/images/pic_bulbon.gif"; } } </script> <img id="myimage" onclick="changeImage()" src="/images/pic_bulboff.gif" width="100" height="180"> <p>點選燈泡就可以開啟或關閉這盞燈</p> </body> </html>
相關推薦
JS學習實踐(1) JavaScript 修改影象燈泡
修改燈泡 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</tit
Node.js學習筆記(1):Node.js快速開始
path 文本文 下載 啟動程序 直接 查看 學習筆記 完成後 編輯器 Node.js學習筆記(1):Node.js快速開始 Node.js的安裝 下載 官方網址:https://nodejs.org/en/ 說明: 在Windows上安裝時務必選擇全部組件,包括勾選
Node.js 學習筆記(1)
事件發射器會觸發事件,並且在那些事件觸發時能處理他們。事件發射器對於提高程式碼的複用性和簡潔程度至關重要。 1.Echo伺服器 Echo伺服器是一個使用事件發射器處理重複性事件的簡單例子,當你給它傳送資料時,它會把資料傳送回來。如圖1-1所示: 圖1-1 Echo伺服器響應例
JS學習筆記(一)——JavaScript的同步和非同步執行
如有錯誤歡迎指正 JavaScript的裝載和執行有兩種特性:1.載入後馬上執行 2.載入的時候會阻塞後面的js的載入和html文件的載入,可以理解為序列地載入。 因此,當要通過JS對DOM樹進行操作的時候往往會發生查詢不到某一個元素的情況。下面是一個例子: &
【phaser.js學習筆記(1)】使用phaser.js製作遊戲
phaser.js是一款開源的HTML5遊戲框架,GitHub主頁上star超過了2萬。phaser.js支援使用JavaScript或TypeScript編寫遊戲,支援WebGL和Canvas渲染並可藉助第三方工具編譯成iOS,Android原生程式。phaser.js有兩
Vue.js 學習筆記(1)Centos環境下部署開發環境
1.安裝JS依賴管理工具npm yum install npm 2. 安裝vue npm install vue 3. 安裝vue命令列工具CLI sudo npm install --global vue-cli 4. 初始化專案 vue init webpack ne
javascript 高級程序設計學習筆記(1)
元素 新的 logs html light begin 知識 gin nbsp 知識補充: var box = document.querySelector(‘#box‘); //"beforebegin" ,在當前元素之前插入一個緊鄰的同輩元素; box.ins
JavaScript核心技術學習筆記(1)——DOM基礎
無法 strong 元素節點 tor cli val 獲取元素 是什麽 標準 DOM基礎 一、DOM是什麽 Document object Model,文檔對象模型,是由W3C定義的一個標準。簡單來說,DOM裏面有很多方法,我們通過它提供的方法來操作一個頁面中的某個元素
Node.js基礎學習筆記(1)
Node.js安裝 安裝教程可參考菜鳥教程的文件,連結如下: https://www.runoob.com/nodejs/nodejs-install-setup.html Node.js基礎-搭起一個web伺服器 在電腦上建立專案資料夾,並建立一個server.js檔案,
微服務架構與實踐 學習筆記(1)
參考:微服務架構與實踐 第二章 微服務架構的“微”應該遵循的兩個基本前提: 業務獨立性。應該保證微服務是具有業務獨立性的單元,並不能只是為了微而微。可以將某一領域的模型作為獨立的業務單元,譬如訂單、產品、合同等,也可以將某業務行為作為獨立的業務單元,譬如傳送郵件、單點登入
web前端學習(四)JavaScript學習筆記部分(1)-- JavaScript基礎教程
1、JavaScript基礎教程 1.1、Javascript基礎-介紹、實現、輸出 1.1.1、JavaScript是網際網路上最流行的指令碼語言,這門語言可用於web和HTML,更可廣泛用於服務端、pc端、移動端。 1.1.2、JavaScript指令碼語言 JavaScript是一種輕量級的
JavaScript學習筆記(1)
簡介 JavaScript是目前web開發中不可缺少的指令碼語言,js不需要編譯即可執行,執行在客戶端,需要通過瀏覽器來解析執行JavaScript程式碼。 作用 動態的修改html及css的程式碼(修改的是瀏覽器記憶體中的那一份程式碼) 對錶單進行校驗 特
Spring Boot學習實踐(一)(1)建立一個簡單的spring boot應用
一、使用idea建立一個簡單的Spring Boot應用程式 環境準備: idea:2018.2 jdk: 1.8 spring boot:是2.0版本以上的 以上環境可以根據實際情況去調整。 (1)首先找到idea建立應用的New Project,選擇好
JS(1) JavaScript 用法
HTML 中的指令碼必須位於 <script> 與 </script> 標籤之間。 指令碼可被放置在 HTML 頁面的 <body> 和 <head> 部分中。 script> 標籤 如需在 HTML
JavaScript學習篇(1)
HTML,css,JavaScript是一起工作構建出前端的,HTML定義了網頁的骨架,css是在骨架上為其進行裝飾,標籤有固有屬性但是卻無法滿足網頁製作的需求,需要css進行裝飾,他們相互獨立又相互依靠。這兩個會在後來補充的部落格中新增,今天先記錄JavaScript的開始。 首先,JavaScript是
D3.js學習總結(五)——基本繪製(1)
線段 在SVG中,線段的元素是<line>,或者<path>也可以繪製線段。所以d3程式碼為如下形式: // line形式新增線段 svg.append("line") .attr("x1", 20).attr("y1
《深入分散式快取:從原理到實踐》學習筆記(1)
第一章:快取為王 快取為王,不同的語境中所代表的快取意義不同。 快取的一個主要目的在於提高使用者體驗,是一種非功能性約束。 大型網站架構 頁面快取,不用多次渲染 頁面自身對元素進行快取; 服務端黃金靜態頁面或動態頁
吳裕雄 python深度學習與實踐(1)
span 實踐 __init__ class col tar pri png self #coding = utf8 import threading,time count = 0 class MyThread(threading.Thread): def
JavaScript高階程式設計第3版學習心得(1)
語法 一、在html中加入JavaScript: 1.在html中嵌入JavaScript程式碼 <script type="text/javascript"> if(1<2){ alert('jjjj'); } </scri
JS高級學習筆記(1)- 基本數據類型
java 數值 賦值 現在 lean evel image number com 原始數據 基本數據類型是一種即非對象也無方法的數據。JS中有6中基本類型:string、number、boolean、undefined、symbol。 多數情況下,基本類型直接代