七天學會javascript第一天javascript介紹

2021-01-11 免費模板網

前幾周寫了幾篇關於入門php的文章,反響還不錯,之前簡單的提到了JavaScript,這周小編重點介紹JavaScript讓大家可以在一周時間內掌握這門前端語言的基本用法。

javascript介紹javascript數據類型javascript運算符javascript對象javascript Date對象javascript String對象JavaScript常用於實現一些前端效果。前些年流行的flash已經慢慢的被淘汰,js盛行起來。

javascript :客戶端編程。

javascript是由客戶端去解釋運行的。

怎麼引入javascript 呢?

引入javascript

或者直接在當前頁面編寫

js代碼

ps:js代碼嚴格區分大小寫,每行代碼以分號;結尾.

javascript變量介紹

聲明:var 變量名稱;

賦值:變量名=值;

var 變量名稱=值;

命名規則:

字母,下劃線開頭,後邊包含字母,數字,下劃線

變量定義要有含義。

"駝峰規則"

系統的關鍵詞不能定義為變量。

js定義變量

javascript數據類型

1 數據類型:

字符串:必須要括在""/''之內的。

數值型:直接寫結果。

布爾型: true/false;

null: object

undefined:未定義:

數組:

對象:

typeof():返回數據類型的函數。

javascript轉義字符

普通字符《===》控制符

\' '

\" "

\n 換行

\r 回車

\t 制表符。

對象:

javascriptMath對象

屬性:PI

PI屬性: var 變量名稱 = Math.PI;

方法:

js運算符介紹

代碼運行結果

js運算符結果

pow 冪運算:var testPow = Math.pow(底數,指數);

random方法:var testRan = Math.random();只能生成0---1的隨機數。******

round方法:四捨五入 var testRou = Math.round(數值);******

sqrt方法:求平方根。var testSqrt = Math.sqrt(數值);

ceil方法:進一取整 Math.ceil(數值);*******

floor方法:舍一取證 Math.floor(數值);

parseInt方法:將數字字符轉換為整數。

parseFloat方法:將數值型的轉換為浮點型。

javascript日期函數Date對象

1 創建date對象

js獲取時間

下圖是運行js代碼結果

js獲取時間

var dt = new Date();

2 getYear();獲取年份

3 getFullYear();******

4 getMonth();

5 getDate();

6 getDay();星期幾

7 時 分 秒

getHours() getMinutes() getSeconds();

8 toGMTString();轉換成格林尼治時間表現形式。

完整的js代碼如下

js代碼

有興趣的朋友快去試試吧

相關焦點

  • JavaScript - Math對象
    中其實是有很多數學計算的需求的,不過不必擔心系統給我們提供了大量的數學運算的方法供我們使用而這些方法全都存在於我們的Math對象中Math常用的屬性:Math.PI 相當於π 3.14159Math對象常用的函數:1.Math.round() 四捨五入舉個小例子:<script type = 「text/javascript
  • JavaScript入門教程
    起源javascript前身叫做livescript,sun公司推出java,netspace公司引進java的概念,重新設計livescript,並更名javascript。發明者,布蘭登.艾克,表單驗證原先要經過伺服器,伺服器壓力大,等待時間長,js僅在客戶端就可完成。是什麼是一種腳本語言,是一種輕量級的程式語言。
  • Javascript去除字符串中的點或其他符號
    在前端上使用javascript進行操作的。測試了兩次沒有好用,程序直接把整個字符串都進行了替換,在考慮這個是為什麼呢?javascript(請忽略此配圖)示例var ip = data.field.ip.replace(/.
  • 在JavaScript中,使用replace()、test()和exec()方法匹配字符串
    JavaScript核心代碼如下:<script type="text/javascript">var str = "Hello Microsoft!"使用字符串替換的核心JavaScript代碼如下:<script type="text/javascript">var str = "一都編程,每個知識就是一個案例。"
  • AJAXRPC: javascript調用服務端方法
    同步調用 <script type="text/javascript">......try{ var obj = Test.sayHello('world!'); ......}catch(e){ //e.error 錯誤碼 //e.message 錯誤描述}......
  • 第五篇:JavaScript事件處理
    庫的網頁代碼(案例代碼見unit12\case1.html):<html><head><title>JavaScript開發案例</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript
  • 一天一點JavaScript編程知識:Animation動畫
    PS:供複製的代碼,但是請注意,圖片資源需要調整一下<html> <head> <title>JavaScript Animation</title> <script type = "text/javascript"> var imgObj = null; function init() { imgObj
  • 來一輪帶注釋的demo,徹底搞懂javascript中的replace函數
    javascript這門語言一直就像一位帶著面紗的美女,總是看不清,摸不透,一直專注伺服器端,也從來沒有特別重視過,直到最近幾年,javascript越來越重要,越來越通用。最近和前端走的比較近,藉此機會,好好鞏固一下相關知識點。
  • javascript在自動化測試項目中的應用「軟體測試開發入門教程」
    比如說我今天分享的主題是javascript在自動化測試中的應用有些朋友說我之前講的自動化測試的東西,需要消化很久,有一定的難度,意思就是說我動不動就講測試框架,測試開發是不是會有這樣的感覺?比如今天分享的javascript,大家做軟體測試有沒有用過?
  • 在JavaScript字符串的search()方法中,如何匹配正則表達式?
    Search()方法的使用正則表達式的代碼如下:<script type="text/javascript">//正則表達式var patt = /Yido/i;//字符串var str1 = "Hello Yido Online Edu."
  • 什麼是JavaScript對象?如何創建並引用?這就告訴你!
    2.3 創建對象a.直接使用大括號創建對象b.使用new命令生成一個Object對象的實例c.使用Object.create方法創建對象var obj1 = {};var obj2 = new Object();var obj3 = Object.create(null);Object是在javascript
  • JavaScript中的「黑話」
    參考資料https://modernweb.com/45-useful-javascript-tips-tricks-and-best-practices/https://dmitripavlutin.com/the-magic-behind-array-length-property/https://medium.freecodecamp.org/9-neat-javascript-tricks-e2742f2735c3https
  • 從setTimeout(fn,0)函數剖析JavaScript的執行機制
    javascript 引擎線程:也可以稱為 JS 內核,主要負責處理 Javascript 腳本程序,例如 V8 引擎。Javascript 引擎線程理所當然是負責解析 Javascript 腳本,運行代碼。瀏覽器無論什麼時候都只有一個 JS 線程在運行 JS 程序。
  • 50個實用的JavaScript工具
    JavaScript Diagram Builder  是一個跨瀏覽器的javascript庫,他可以幫助你創建坐標圖或圖表的,你只需要引用
  • 分享幾個javascript實用函數
    從本文開始小編將定期發布javascript相關的代碼集錦,每次發十個與大家分享,首先是數組篇,也許有人會說,可以用常用的lodash的等庫啊。
  • 【第1162期】2018 要學習的優秀 JavaScript 庫與知識
    最後,為你推薦【第1154期】2017 年 JavaScript 發展狀況回顧【第1152期】2017 JavaScript 調查報告概述關於本文譯者:@gy134340譯文:https://github.com/xitu/gold-miner/blob/master/TODO/top-javascript-libraries-tech-to-learn-in
  • 使用HTML5和Javascript設計繪圖程序
    【IT168 專稿】前言  在本文中,將會介紹如何使用HTML5和Javascript去設計一個簡單的繪圖程序。HTML5的一個新的特性是canvas畫布功能,通過canvas畫布的強大功能可以實現繪畫不少圖形和其他絢麗的功能。
  • 什麼是javascript?javascript需要學哪些內容?這篇文章告訴你!
    剩餘可以是任意字母,美元符號,下劃線和數字(3)不能使用javascript中的關鍵字(保留字)來命名變量(4)中文也可以聲明變量,不建議使用它。
  • 程式設計師必須掌握的 12 個 JavaScript 技能!
    本文將與大家分享 12 個實用的 JavaScript 技能,未來我也將在 Github 的 JS Tips&Tidbits 倉庫(https://github.com/nas5w/javascript-tips-and-tidbits)中持續更新此概念列表。
  • 使用HTML DIV+CSS樣式+JavaScript實現自定義個性化的模態窗口
    <script type="text/javascript">function show(msg) {var alertBox = document.getElementById("alertBox");alertBox.style.display = "block