1. 程式人生 > >JavaScript從零開始1

JavaScript從零開始1

JavaScript是世界上最流行的指令碼語言,網頁,及基於HTML5的手機App,邏輯互動部分都使用到JavaScript。

同大家一起學習JavaScript ! 堅持每條更新,從零開始,希望大家跟我一起進步。哈哈,話不多說,do it.

下面主要參考廖雪峰老師的官網整理出來JS相關的筆記。

----------------------------------------------------------------------------------------------------------------------------------

JavaScript的使用方法

方法一:直接嵌在網頁中,一般把JavaScript程式碼放到<head>中


比如:

<html>

<head>

<script> //JavaScript 標籤

alert(' 大家一起學習JavaScript !');//alert彈窗提示, 字串可以用 ' '或者 “ "括起來,函式末尾記得加分號;。

</script>

</head>

<html>

方法二:在網頁中引用“.js”檔案,一般通過<script src="*.js"></script>放到<head>中

比如:

<html>

<head>

<script src="demo/js/a.js"></script>

</head>

</html>

方法二便於對js程式碼維護,並且這樣做可以使多個html同時引用這一個js檔案。

當然,同一個html可以引用多個js檔案,也可以嵌入多個js程式碼,執行時會按順利執行。

<script type="text/javascript"> ... </script> //預設script的type就是javascript,所以type那裡可以省略掉。

------------------------------------------------------------------------------------------------------------------------------------------

工具:

編寫JavaScript的工具很多,普通的文字編輯器就可以,推薦 微軟的visual studio code、Notepad++。

除錯可以用瀏覽器的開發者工具->console,輸入完程式碼後,按回車看輸出結果。

相關推薦

JavaScript開始1

JavaScript是世界上最流行的指令碼語言,網頁,及基於HTML5的手機App,邏輯互動部分都使用到JavaScript。 同大家一起學習JavaScript ! 堅持每條更新,從零開始,希望大家

【Java】【Oracle】Java操作Oracle 12c資料庫基本步驟介紹——開始#1

    Oracle資料庫的Java操作,其基本步驟與其他的資料庫一樣的。 1、下載驅動程式 請到官網下載Oracle 12c的jdbc驅動包,使用的時候請根據自己的JDK版本來區別使用jdbc的版本。 Oracle 12c的jdbc驅動下載頁面為: JDK7請使用

IC卡解密開始學2 版本更新! 解密工具PN532-mfoc-mfcuk-GUI V2.1 By:lookyour

由於 文件夾 7月 thread 2種 金融 系統 dos 同時 程序更新 更新內容最下面2017/5/3 V2.1======================================最簡要介紹下M1卡數據結構目前能看到的有2種M1卡,分別為S50 S70,其實就是

IC卡解密開始1 (也許會有2) 解密工具V2 V3大放送 By:lookyour

中國 tac ... 需要 編輯框 回復 mile gui for 前段時間發了一個破解的PN532工具,詳見 ===========================IC卡解密工具 PN532工具XP 爆破版http://www.52pojie.cn/thread-5978

開始學習iOS開發1:認識xcode

連接 啟動圖標 主動 認識 tor 音樂 滴滴打車 啟動 and 在開始之前還是不得不提一下iPhone應用開發的工具,我當然之前是沒接觸過iPhone開發,也沒使用過apple的不論什麽一種設備。所以我的概念中僅僅知道xcode是最專業的iOS開發工具。如今它是免費

1開始做第三方支付開發-----初步了解概念

用例 深入 hub 編寫 不知道 了解 程序員 系列 bsp 這是第三方支付開發的第一篇. 目前很多公司在做海外支付, 但是不知道怎麽開始. 本人公司就是做海外產品, 涉及到paypal和stripe支付, 有比較多的經驗, 希望可以幫助需要的朋友. 我是做Java開發,

Hyperledger Fabric 1.0 開始(二)——公網環境構建

1.3 項目 htm move 自己 lvm2 fast 情況 tor 1:環境構建 在本文中用到的宿主機環境是Centos ,版本為Centos.x86_647.2,通過Docker 容器來運行Fabric的節點,版本為v1.0。因此,啟動Fabric網絡中的節點需要先安

Hyperledger Fabric 1.0 開始(六)——創建Fabric多節點集群

_id 測試 es2017 xtra 去掉 compose 多個 服務 執行命令 4:創建Fabric多節點集群 4.1、配置說明 首先可以根據官方Fabric自帶的e2e_cli列子中的集群方案來生成我們自己的集群,與案例不同的是我們需要把容器都分配到不同的服務器上,彼此

跟著我開始入門FPGA(一周入門XXOO系列)-1、Verilog語法

部分 同步 比較 跑馬燈 begin 寫代碼 人的 thread get (本連載共七部分,這是第一部分) 作者:McuPlayer2013 (EETOP FPGA版塊版主) 原帖地址:http://bbs.eetop.cn/thread-385362-1-1.htm

開始學習算法之歸並排序[1](2.2歸並排序)

並排 步驟 blog ++ 序列 else [1] 操作 歸並排序 歸並排序思想為將序列每相鄰兩個數字進行歸並操作(merge),形成floor(n/2)個序列,排序後每個序列包含兩個元素將上述序列再次歸並,形成floor(n/4)個序列,每個序列包含四個元素重復步驟2,直

開始有到無,階段性回顧1

達內網絡層的基礎交換及原理 網絡設備介紹: 交換機 - 連接相同網絡的設備; 路由器 - 連接不同網絡的設備; 防火墻 - 配置網絡權限控制策略;網絡設備的分類: 傻瓜式設備 網管型設備 IP地址: 需要上網的設備,必須都配置一個 IP 地址; IP地址相當於人類世界中每個人的名字

[Python接口自動化]開始學習python自動化(1):環境搭建

help ins cnblogs 文件中 ssi 空格 plugins 變量 mod 第一步:安裝python編譯環境 安裝python編譯環境之前,必須保證已安裝jdk哈,如果為安裝,請參考https://jingyan.baidu.com/article/6dad507

開始學習前端開發 — 1、HTML基礎

大小 lpad 文件夾 check 受限 安全性 瀏覽器兼容 列表 type 一、web標準 web標準-網頁制作的標準,它是由一系列標準組成的,主要包含三個方面: 結構(html,xhtml),表現(css),行為(javascript) 註:結構和表現的標準由w3

開始學習前端JAVASCRIPT — 5、JavaScript基礎ES5

blog rip 修正 項目 單個 方向 light console 重復 1:ES5簡介 ECMAScript 5.1 (或僅 ES5) 是ECMAScript(基於JavaScript的規範)標準的修正。 與HTML5規範進程本質類似,ES5通過對現有JavaScrip

開始學習前端JAVASCRIPT — 5、JavaScript基礎BOM

form 父窗口 關閉 load confirm 滾動條 分享 agent 負數 1:BOM(Browser Object Model)概念 window對象是BOM中所有對象的核心。 2:window屬性(較少用) self:self代表自己,相當於windo

開始學習前端JAVASCRIPT — 4、JavaScript基礎Math和Date對象的介紹

日期格 3.6 一次函數 gety 位置 隨機 urn margin 開始 Math對象的介紹 1:Math對象 Math 對象用於執行數學任務。並不像 Date 和 String 那樣是對象的類,因此沒有構造函數 Math()。您無需創建它,通過把 Math 作為對

開始學習前端JAVASCRIPT — 3、JavaScript基礎string字符串介紹

con post ccf har 區分 nal ase star hid 1:字符串 JS中的任何數據類型都可以當作對象來看。所以string既是基本數據類型,又是對象。 2:聲明字符串 基本數據類型:var sStr = ‘字符串’; 對象的方法:var oStr =

1綜述)開始的嵌入式圖像圖像.../算法]

ref com use agg class nfv mac swe get 6m42qi瘓中壓忻采露http://www.58pic.com/c/12255624rjhf5n掌低僚托仗媳http://www.58pic.com/c/122555761tj9tn分移匾鼓韌掣h

開始學習前端JAVASCRIPT — 11、JavaScript基礎this指向的四種情況

事件 箭頭 註意 idt 轉移 如果 箭頭函數 javascrip function JavaScript中this的四種情況(非嚴格模式) 1、當this所在函數是事件處理函數時,this指向事件源。2、當this所在函數是構造函數時,this指向new出來的

開始學習前端JAVASCRIPT — 14、閉包與繼承

註意 退出 二次 需要 正常 def 解決 doc span 1:閉包 1 . 概念:閉包就是能夠讀取其他函數內部變量的函數。在JS中,只有函數內部的子函數才能讀取局部變量,因此可以把閉包簡單理解為”定義在一個函數內部的函數”。 2 . 閉包的特