JavaScript基礎和js概括

js內容概括:

Html  結構化
CSS   樣式
JavaScript  行為交互
01.JavaScript基礎
02.JavaScript操作BOM對象
03.JavaScript操作DOM對象   *****
04.JavaScript的面向對象
--------------------------------------
05.jQuery (js)  .css   .js
06.jQuery選擇器        ******
07.jQuery事件和動畫
08.jQuery操作DOM對象   ******
09.表單驗證
10.表單驗證的框架   jquery  validate
11.bootstrap  封裝了Html css  js
一、Java|Script基礎(liveScript):
01.和Java語言沒有關系,只是借勢。
02.是一種腳本語言以.js結尾(腳本語言:是為了縮短傳統的編寫-編譯-鏈接-運行過程而創建的計算機語言)
03瀏覽器編譯JavaScript,解析器叫做JavaScript引擎
04無需預編譯、js是弱語言類型var a=10;var a=“12”;
學習目的:
01.客服端表單驗證,提升用戶的體驗和減輕服務器的壓力。
02.實現頁面動態效果、提升用戶體驗
03jQuery基礎
組成部分:
01.ECMAscript標準:語言規范
02.BOM瀏覽器對象模型:提供處理網頁內容的方法和接口
03.DOM文檔對象模型:提供了與瀏覽器進行交互的方法和接口
引入CSS和js的順序:CSS寫在head中、js文件的映入寫在body的最下方(調用的時候才能調用到)
js執行原理:客戶端向瀏覽器發送請求、瀏覽器將某個JavaScript頁面經行處理、將這個文件發送到客服端(減少帶寬浪費,提升用戶體驗)
js的引入方式:
01.行內引入:
</head>
  <οnlοad="alert('初識JavaScript')"
<body>
02.內部引入:
<script type="text/javaScript">
  alert("初識JavaScript");
<script/>
03.外部引入:
<script type="text/JavaScript" src=cs.js>
</script>
</body>
二、js中的常用事件:
 01.不想讓a超鏈接 立即跳轉至指定的頁面02.想讓用戶點擊的時候 做一些處理工作javascript:  偽協議01.先去執行js代碼02.根據js代碼做操作alert('就是不跳轉')   后續會換成某個操作的函數(方法)<a href="javascript:alert('就是不跳轉')">跳轉</a>偽協議   javascript:
onclick 點擊事件
onblur  失去焦點事件
onfocus 獲取焦點事件
js中的數據類型:
undefined:沒有被定義的(TRUE)和聲明但沒有賦予初始值得變量(var a)
number:包含整數和浮點
String:單引號和雙引號引起來的都是String
Boolean:true和false
object:js中的對象,包含數組,null和對象
null:空值,表示對象不存在,等于undefined
檢測數據類型的方式:
01.typeof空格變量
02typeof(變量)
類型轉換:
parseInt():把變量轉換成數字,返回第一個不為數字的所有值否則返回NaN
parseFort():把變量只能換成浮點
強制類型轉換:
number:把變量轉換成數值,如果有一個不是數值,則返回Nan
boolean():只要變量不是false,0,undefined,null,NaN,未定義的參數或者定義未賦值空串,或者什么都沒有輸入! 其他都返回true!
==  和 ===

== :在兩個變量比較的時候,先進行類型轉換,之后再比較!
alert("0"==false);
首先會把字符串"0"轉換成number 0
false轉換成number 0
0==0===:比較嚴格,先比較兩個變量的類型是否一致,之后再比較值!不會類型轉換!注意點:
01.如果比較的變量中boolean的值,會先把boolean類型的值轉換成number類型!
02.如果比較的變量中String的值,會先把String類型的值轉換成number類型!輸入和確認
alert(): 只有一個確定按鈕!
confirm ():是一個提示框,有確定和取消按鈕!用戶點擊確定返回值是true用戶點擊取消返回值是falseprompt():是一個對話框!01.第一參數是提示語句02.第二參數是輸入框中的默認值,可以省略
返回值是我們第二個參數(用戶的輸入)!js中也有選擇結構!和java中的用法一致!數組var  arr1=new Array();   //沒有長度
var  arr1=new Array(5); //有長度5
var  arr1=new Array(1,2,3,4,5) //定義數組的同時賦值
var arr1=[1,2,3];向數組中新增元素  push
把數組中的每個元素使用指定的分隔符連接起來,變成字符串!  join循環  for  in

for(var index in arrs){document.write(arrs[index])
}
index 是元素的下標!函數定義函數的兩種方式
<a href="javascript:sayHello('小黑');">跳轉</a>function sayHello(userName){alert(userName+"辛苦了!");}var sayHello=function(userName){alert(userName+"辛苦了!");}

轉載于:https://www.cnblogs.com/fengwuyou/p/7751304.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/287328.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/287328.shtml
英文地址,請注明出處:http://en.pswp.cn/news/287328.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

《看聊天記錄都學不會C語言?太菜了吧》(12)循環有多容易?你看一眼就懷...

若是大一學子或者是真心想學習剛入門的小伙伴可以私聊我&#xff0c;若你是真心學習可以送你書籍&#xff0c;指導你學習&#xff0c;給予你目標方向的學習路線&#xff0c;無套路&#xff0c;博客為證。 本系列文章將會以通俗易懂的對話方式進行教學&#xff0c;對話中將涵蓋…

***ECharts圖表入門和最佳實踐

ECharts數據圖表系統&#xff1f; 5分鐘上手&#xff01; 【ECharts簡介】 ECharts開源來自百度商業前端數據可視化團隊&#xff0c;基于html5 Canvas&#xff0c;是一個純Javascript圖表庫&#xff0c;提供直觀&#xff0c;生動&#xff0c;可交互&#xff0c;可個性化定制的數…

【經典回放】多種語言系列數據結構線性表之一:順序表

一、實驗任務描述 建立線性表的ADT后,編程完成: 1 用C語言完成一個順序表結構; 2 為順序表完成追加、刪除、插入、查找的功能; 3 建立一個鏈表的結點; 4 完成鏈表的追加、刪除、插入功能; 5* 用C#完成一個結點的類; 6* C#完成鏈表的追加、刪除、插入功能的類; 7* C#編寫…

原型繼承+原型鏈 + 對象繼承發展

一、原型繼承&#xff1a; &#xff11;、說起原型繼承&#xff0c;就要先由構造函數創造對象說起&#xff0c;首先了解構造函數內部基本原理&#xff1a; &#xff08;&#xff11;&#xff09;.在函數體最前面隱式的加上this {} &#xff08;&#xff12;&#xff09;.執行 …

Kotlin之?和!!最簡單的理解

一、? 1&#xff09;、?在聲明對象時&#xff0c;把它跟在類名后面&#xff0c;表示這個類允許為null var list: ArrayList<String>? null 2&#xff09;、調用對象時&#xff0c;把它跟在對象后面&#xff0c;表示如果為null程序就會視而不見&#xff0c;比如我們…

WPF|一個比較簡單帶點設計的登錄界面

閱讀目錄效果展示準備簡單說明 源碼結尾&#xff08;視頻及源碼倉庫&#xff09;1. 效果展示欣賞效果&#xff1a;2. 準備創建一個WPF工程&#xff0c;比如站長使用 .NET 7[1] 創建名為 Login5 的WPF項目。找一張圖片做為裝飾&#xff0c;放登錄表單左側&#xff1a;添加Nuget…

Android插件基礎之類加載器學習

記錄學習java 加載器學習所獲心得&#xff0c;逐步記錄了解java加載器的過程。為了知悉android 插件化的實現原理&#xff0c;從而需要從頭了解android加載apk&#xff0c;以及基礎的java類加載的加載過程情況&#xff0c;為方便記錄和記憶&#xff0c;故此將學習了解的過程記錄…

php多個文件上傳代碼,PHP單文件上傳類或多文件上傳類源碼

以下為引用的內容&#xff1a;php文件:代碼://如果收到表單傳來的參數&#xff0c;則進行上傳處理&#xff0c;否則顯示表單if(isset($_FILES[uploadinput])){//建目錄函數&#xff0c;其中參數$directoryName最后沒有"/"&#xff0c;//要是有的話&#xff0c;以/打散…

《看聊天記錄都學不會C語言?太菜了吧》(13)(9*9 乘法表)尋找電腦中的盲盒彩蛋

若是大一學子或者是真心想學習剛入門的小伙伴可以私聊我&#xff0c;若你是真心學習可以送你書籍&#xff0c;指導你學習&#xff0c;給予你目標方向的學習路線&#xff0c;無套路&#xff0c;博客為證。 本系列文章將會以通俗易懂的對話方式進行教學&#xff0c;對話中將涵蓋…

Fragment使用--文章集錦

android使用Fragment實現底部菜單使用show()和hide()來切換以保持Fragment狀態Android Fragment 真正的完全解析&#xff08;上&#xff09;Android Fragment實踐(一)糾正對Fragment Transaction BackStack的誤解多個Fragment 切換時不重新實例化Fragment詳解之四——管理Fragm…

Android之在在EditText的xml里面配置了相關屬性依然沒有顯示光標問題

1 問題 在EditText的xml里面配置了 android:cursorVisible"true" android:focusable"true" android:focusableInTouchMode"true" 依然沒有光標顯示 2 解決辦法 直接在代碼層控制&#xff0c;平且拉起鍵盤 fun showSoftInputFromWindow(activ…

【經典回放】多種語言系列數據結構線性表之二:鏈表

目錄 1 鏈表結構設計 2 簡單的鏈表測試 2 鏈表的組織和ADT設計 3 初始化有頭結點鏈表 4 有頭結點鏈表中追加一個結點(一行數據)

使用 Postman 實現 API 自動化測試

1背景介紹 相信大部分開發人員和測試人員對 postman 都十分熟悉&#xff0c;對于開發人員和測試人員而言&#xff0c;使用 postman 來編寫和保存測試用例會是一種比較方便和熟悉的方式。但 postman 本身是一個圖形化軟件&#xff0c;相對較難或較麻煩&#xff08;如使用 …

php json -gt;訪問,【轉】Php+ajax+jsonp解決ajax跨域問題

首先&#xff1a;jsonp是json用來跨域的一個東西。原理是通過script標簽的跨域特性來繞過同源策略。發送端&#xff1a;$.ajax({type : "post",url : "ajax.php",dataType : "jsonp",jsonp: "callback",//傳遞給請求處理程序或頁面的&…

《看聊天記錄都學不會Python到游戲實戰?太菜了吧》(1)加載Python神器!亮劍!

本系列文章將會以通俗易懂的對話方式進行教學&#xff0c;對話中將涵蓋了新手在學習中的一般問題。此系列將會持續更新&#xff0c;包括別的語言以及實戰都將使用對話的方式進行教學&#xff0c;基礎編程語言教學適用于零基礎小白&#xff0c;之后實戰課程也將會逐步更新。 若…

little tricks(持續更新)【python】

python中的list有reverse方法&#xff0c;但是字符串卻沒有&#xff0c;怎么辦呢&#xff1f; csdn博主有列了幾個方法&#xff0c;我覺得第一個最簡單直接&#xff0c;str[::-1]搞定。 當然也有一種怪異的方法&#xff0c;我把字符串轉為序列reverse一下&#xff0c;再轉回來不…

Codeigniter 3 拓展HMVC

2019獨角獸企業重金招聘Python工程師標準>>> 在Codeiniter&#xff08;以下統稱CI&#xff09; 2.X版本中&#xff0c;我們就通過拓展核心類庫實現了HMVC&#xff0c;但是同樣的代碼&#xff0c;拿到CI 3中&#xff0c;就很有可能不好用了。 ###拓展核心類庫方式 官…

FPGA FIFO深度計算

轉自&#xff1a;http://comm.chinaaet.com/adi/blogdetail/37555.html 首先&#xff0c;一定要理解清楚FIFO的應用場景&#xff0c;這個會直接關系到FIFO深度的計算&#xff0c;如果是面試官拋出的問題&#xff0c;那么有不清楚的地方&#xff0c;就應該進行詢問。如果是筆試或…

玩轉ASP.NET Core 6.0框架-序言

ASP.NET Core是微軟提供的強大的web框架&#xff0c;它有很多潛在的強大而有用的功能。本專欄的目標是幫助您把框架的隱藏能力最大限度地發揮出來&#xff0c;讓您能夠按需定制ASP NET Core框架。本專欄提供了一種具體的操作和實現方法&#xff0c;可以讓你在短時間盡可能地提高…

從C#開始的面向對象編程經典自學教程

1、C語言的時代 在C語言時代,可以認為那時的編程過程就是表格加工過程,也就是從A表格到B表格、再到C表格…..等等,這個過程中,計算機語言如何描述一個表格,成為計算機語言的關鍵。 對一個表格的分析可以發現:表格是兩部分組成:表頭和表格: 學生表 STUDENT 在這個表格…