javaScript知識點總結

来源:http://www.cnblogs.com/izhongwei/archive/2016/06/18/5572452.html
-Advertisement-
Play Games

1、javaScript的概念:是一種表述語言，也是一種基於對象(Object)和事件驅動(EventDriven)的，安全性好的腳本語言，運行在客戶端，從而減輕伺服器端的負擔，總結如下: 1.javaScript主要用來向HTML頁面找那個添加交互行為。 2.javaScript是一種腳本語言，語 ...


1、javaScript的概念:是一種表述語言，也是一種基於對象(Object)和事件驅動(EventDriven)的，安全性好的腳本語言，運行在客戶端，從而減輕伺服器端的負擔，總結如下:

  1.javaScript主要用來向HTML頁面找那個添加交互行為。

  2.javaScript是一種腳本語言，語法和java類似。

  3.javaScript一般用來編寫客戶端腳本。

  4.javaScript是一種解釋性語言，邊執行邊解釋。

2、javaScript由核心語法ECMAScript、瀏覽器對象模型(BOM) 主要用於管理視窗與視窗之間的通訊，因此其核心對象是window、文檔對象模型(DOM)三部分組成.

3、網頁中引入javaScript三種方式:

  1.使用<Script></Script>標簽內部樣式

  2.使用外部js文件

  3.直接在HTML標簽中的行內樣式。

4.javaScript的作用

1.實現頁面表單驗證

 

2.實現頁面交互特效

5.javaScript的特點

  1.被設計用來向Html頁面添加交互行為

  2.是一種英特網上最流行的腳本語言

  3.一般用於編寫客戶端腳本

  4．是一種解釋性語言

6.引入javaScript的方式

   1.使用<Script>標簽直接嵌入網頁

   2.使用外部js文件

Js中String對象常用的方法:

  1. toString(包前不包後),2.toLowerCase();toUpperCase();
  2. charAt(index);返回在指定位置的字元，indexOf(str,index);指定字元串中首次出現的位置;split(str);將字元串分割為字元串數組

在javaScript中條件語句Switch(){}可以接字元串；

alert(“提示信息”)；

   var isOk=confirm(“確認框“);//如果確認返回true,否則返回false

   prompt();prompt(“提示信息”，“輸入框預設信息”);

prompt(“請輸入姓名”)

   close();

   open();

   setTimeout();在指定毫秒之後調用某個函數

   setInterval();在指定周期毫秒來調用某個函數

window.open();

7.Js語法：

1.區分大小寫

2.註意變數，函數等命名規範

3.每行代碼以分號結束

Js中的函數：

1.系統函數 

   ParseInt();轉換為整數  45.9a轉換為45；a6轉換返回為NaN(Not a Number)

   isNaN(判斷是不是數字)

   typeof(var);判斷是什麼數據類型

   eval(“5+2”);計算表達式值

2.自定義函數

 Function 函數名(){javaScript代碼}

 Function 函數名(參數1，參數2){javaScript代碼  return 返回值(可選)}

Js中函數的調用:

  1. 事件名=“函數名(傳遞的參數值)“;
  2. 函數名(傳遞的參數值);

匿名函數:

  1. 匿名函數的聲明：

Var 變數名=function(參數){  函數體  return 返回值；} ;

  1. 調用

變數名(參數)

8.程式調用

  1.添加alert();方法 2.使用fireBug();方法

9.BOM概述：(Browser Object Model,瀏覽器對象模型)

 1.window對象的屬性

名稱

說明

History

有關客戶訪問過的URL的信息

Location

有關當前URL的信息

Screen

有關客戶端的屏幕和顯示性能的信息

Weindow對象常用的方法：prompt()confirm();setTimeout();setInterval();

Window對象常用的事件：onload=”” onmouseover=””;onclick

window.parent.location

2.History對象

  方法：back() ;forward();go();

3.Location對象提供當前頁面的URL

  屬性：host hostname href

  方法:reload() replace();

4.Document對象

  屬性:referrer屬性判斷是不是通過超鏈接訪問的，不是返回null

10.javaScript中的對象，

   Date對象:

  創建date對象發方法var date=new Date(MM DD ,YYYY,hh:mm:ss);

                     var  date=new Date(); date.getDay();

    Math對象：

     Ceil();對數進行向上取整，ceil(25.5)=26;

    Floor();向下取整，floor(25.5)=25;

     Math.round(25.5);在原數的加0.5後向下取整

11.Dom概述(文檔對象模型)

  由CoreDom,XMLDom,HTML Dom組成；

12.創建數組

   Js中變數的聲明:

   Var 數組名稱=new Array(size);

  1. 先聲明再賦值 fruit[0]=””
  2. 聲明同時賦值 var fruit=new Array(“apple”,”orange”);或 var fruit=new Array[“apple”,”orange”];

讀取1.使用for迴圈讀取 2.使用for---in讀取

For(var x in fruit){document.write(fruit[x]+”<br/>”)}x為下標

Fruit.sort();//排序 string str=fruit.join(“-”);//添加字元串後連接成一個字元串

下拉列表Select對象：

　　

13、 style 定位方面的樣式

　　left top  position  z-index

　　滑鼠滾動距離：scorllTop:縱向距離

　　　　　　　　　scorllLeft:橫向距離

　　滑鼠滾動事假：onscorll

Jquery對象與Dom對象的相互轉換

  1. jquery對象轉換為DOMD對象，jquery提供兩種方法將jquery對象轉換為DOM對象，即[index]和get(index),

var $txtName=$(“#txtName”);//jquery對象

var txtName=$txtName[0];//Dom對象

alert(txtName.checked);//檢測這個checkbox是否被選中

通過get(index)方法得到對應的Dom對象

Var $txtName=$(“#txtName”);//jquery對象

Var txtName=$txtName.get(0);//Dom對象

alert(txtName.checked);//檢測這個checkbox是否被選中

  1. Dom對象轉換為jQuery對象

Var txtName=document.getElementById(“txtName”);//dom對象

Var $txtName=$(txtName);//

Dom中添加class屬性使用obj.className=classname;

      添加類容使用obj.innerHtml=<input />

Jquery中添加class屬性使用obj.addClaa=classname;

      添加類容使用：obj.html=<input/>;

Jqurey中的五大選擇器:

  1. 基本選擇器 (#  .  標簽)
  2. 層次選擇器(後代 >子    +相鄰    ~同輩)
  3. 屬性選擇器(P[class=name])
  4. 過濾選擇器(“tr:even”)
  5. 可見性選擇器(“p:hidden” “p:viside”)

Jquery中的事件：

   Obj.bind(“clike”,function(){});

obj.bind({mousever:function(){},{mouserout:function(){}}});

  obj.unbind();

obj.hover(function(){},function(){})方法集合onmouseOver和onmouseOut

obj.toggle();

$(“.tipsbox”).show();obj.hide();

$(“img”).fadeIn(1000);

$(“.txt”).slideUp(1000); obj.slideDown(1000);

Obj.toggleClass(“class”);//集成了addClass和romoveClass

$(this).val(“”);//清空文本內容

Var $newNode=$(<”<li>用jquery創建新元素節點</li>”>);

在正則表達式

　　

 

JS中常用的一些小技巧：

1.使用!!操作符轉換布爾值，對於變數可以使用！！varable做檢測，只要變數的值為：0，null , "" , undefind或者NaN都將返回的是false反之的是true
function Account(cash)
{
this.cash = cash;
this.hasMoney = !! cash;
}
2.使用+將字元串轉換為數字，只適用字元串數據，否則返回NaN
function toNumber(strNum) {
return +strNum;
}
適用於Date()返回時間戳數字：+new Date();
3.在迴圈很大時候數字的長度先給去出來，var legth = array.legth;

4.if('querySelector' in document) {
document.querySelector("#id");
} else {
document.getElementById("id");
}

5.獲取數組中的最後一個元素
var array = [1,2,3,4,5];
array.slice(-1);
6.字元串元素的替換
var string = "john john";
string.replace(/hn/, "ana"); //"joana john"
string.replace(/hn/g, "ana"); //"joana joana"


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 使用迴圈鏈表實現約瑟夫環（圍圈報數問題）
    剛開始學C，碰到經典的圍圈報數問題，現先將實現代碼附下： #include<stdio.h>#include<stdlib.h> struct LNODE{ //鏈表定義 int data; struct LNODE *next;};typedef struct LNODE Lnode;typede ...
  • 計蒜客_計數和數數（C語言實現）
    “伯爵說”序列如下：1, 11, 21, 1211, 111221, ...1 讀作 "one 1" 或者 11。11 讀作 "two 1s" 或者21。21 讀作 "one 2, one 1" 或者 1211。 格式：多組輸入，讀到文件結束。每組輸入給定一個整數n，輸出第n個序列。(1<=n<=3 ...
  • Python for Infomatics 第14章 資料庫和SQL應用三（譯）
    14.5 SQL 總結 到目前為止，我們在Python示常式序中使用了SQL，並且涉及了許多SQL基礎。在這一小節中，我們特別審視SQL語言，並對其語法進行回顧。 雖然有很多不同的資料庫供應商，但因SQL語言是標準化的，所以我們可以在不同的資料庫系統中方便地移植。 一個關係資料庫是由表、行和列構成的 ...
  • java必看書籍
    Java核心技術 捲1 基礎知識（第9版）Java核心技術 捲II 高級特性（第9版） 資料庫系統概念(原書第6版)Oracle 從入門到精通MySQL資料庫應用從入門到精通 Java併發編程實戰（第16屆Jolt大獎提名圖書，Java併發編程必讀佳作） Java網路編程（第3版）——O’Reill ...
  • java web項目中引入spring
    自己動手實踐了一次，發生中間出了一下問題，現整理出來，供參考。 新建一個java web項目 下載spring的jar包 "http://repo.spring.io/libs release local/org/springframework/spring/" 版本取決於你，我選擇的是4.0.4的 ...
  • Minor【 PHP框架】3.路由、控制器、視圖
    3.1 路由 漂亮的URL絕對是一個嚴肅的web應用程式必須做到的，這種方式使index.php?article_id=57這類的醜陋URL被隱藏，由更受歡迎的像 /read/intro-to-symfony 來替代。 3.1.1 路由配置 配置文件為app/Config/routes.php 以上 ...
  • 用 Python實現一個ftp+CRT(不用ftplib)
    轉載請註明出處http://www.cnblogs.com/Wxtrkbc/p/5590004.html 本來最初的想法是實現一個ftp伺服器，用來實現用戶的登陸註冊和文件的斷點上傳下載等，結果做著做著就連CRT也順帶著跟著完成了，然後就變成了這樣一個'不倫不類'的工具。用到的知識有hashlib加 ...
  • Access restriction : The constructor BASE64Decoder() is not accessible due to restriction on required library
    1.問題描述 找不到包 sun.misc.BASE64Encoder 2. 解決方案 只需要在project build path中先移除JRE System Library，再添加庫JRE System Library，重新編譯後就一切正常了。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類