一、JavaScript簡介
JavaScript是一種屬于網(wǎng)絡(luò)的解釋性腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各式各樣的動態(tài)功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現(xiàn)自身的功能的。
主要用來向HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)頁面添加交互行為。
可以直接嵌入HTML頁面,但寫成單獨的js文件有利于結(jié)構(gòu)和行為的分離。
跨平臺特性,在絕大多數(shù)瀏覽器的支持下,可以在多種平臺下運行。
Javascript提供了四種基本的數(shù)據(jù)類型和兩種特殊數(shù)據(jù)類型用來處理數(shù)據(jù)和文字。而變量提供存放信息的地方,表達式則可以完成較復(fù)雜的信息處理。
二、為什么要學(xué)JavaScript?
所有主流瀏覽器都支持JavaScript
目前,ThinkMarkets代理申請www.kaifx.cn/broker/thinkmarkets.html,全世界大部分網(wǎng)頁都使用JavaScript
它可以讓網(wǎng)頁呈現(xiàn)各種動態(tài)效果
三、開始正式學(xué)習(xí)JavaScript

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供硚口網(wǎng)站建設(shè)、硚口做網(wǎng)站、硚口網(wǎng)站設(shè)計、硚口網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、硚口企業(yè)網(wǎng)站模板建站服務(wù),10年硚口做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。
- <script>標(biāo)簽
<script>
JS代碼在這里
html代碼不能寫在這里!
</script>
<script>標(biāo)簽可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
<script> 和 </script> 會告訴 JavaScript 在何處開始和結(jié)束。 - document.getElementById( )
document.getElementById("id").style.color="color";
<Button type="Button" onclick="alert('Hello World!')">點我這個Button!</Button>
document.getElementById("h2").innerHTML="innerHTML可以替換HTML元素"; - 控制臺輸出
控制臺輸出: console.log()
清除控制臺信息: console.clear() - 注釋
HTML注釋 <!-- -->
JavaScript注釋 // /.../ - 數(shù)據(jù)類型
在 JavaScript 中有 5 種不同的數(shù)據(jù)類型:
string number boolean object function
3種對象類型:
Object Date Array
2個不包含任何值的數(shù)據(jù)類型:
null undefined
如果對象是 JavaScript Array 或 JavaScript Date,我們就無法通過typeof來判斷他們的類
型,因為都是返回Object。 - 變量申明
var a = 666;
var b = "666 abc";
1
2 - 數(shù)組
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
}; - 函數(shù)
function(){
...
} - 內(nèi)嵌函數(shù)
JavaScript 支持嵌套函數(shù),嵌套函數(shù)可以訪問上一層的函數(shù)變量。
該實例中,內(nèi)嵌函數(shù) plus() 可以訪問父函數(shù)的 counter 變量。
實例:
function add() {
var counter = 0;
function plus() {counter += 1;}
plus();
return counter;
} - 正則表達式
正則表達式(在代碼中常簡寫為regex、regexp或RE)使用單個字符串來描述、匹
配一系列符合某個句法規(guī)則的字符串搜索模式。
正則表達式是由一個字符序列形成的搜索模式。
當(dāng)你在文本中搜索數(shù)據(jù)時,你可以用搜索模式來描述你要查詢的內(nèi)容。
正則表達式可用于所有文本搜索和文本替換的操作。
語法
/正則表達式主體/修飾符(可選),其中修飾符是可選的。
實例:var patt = /runoob/i
11.js重定向
<body>
//都能激活提示框
<a href="javascript:alert('我是重定向的代碼');">hellow</a>
<form action="javascript:alert('提交表單');">
<input type="submit" value="提交表單" />
</form>
</body>
12.判斷
== 只判斷內(nèi)容,不管類型
=== 全等,既判斷內(nèi)容,又判斷類型
!= 只判斷內(nèi)容,不管類型
!== 既判斷內(nèi)容,又判斷類型
13.運算
(1)與運算(要求左右兩邊的條件都是true,結(jié)果是true)
var hd = 11>2 && 3>2;
(2)或運算(左右兩邊條件至少有一邊是true,結(jié)果才是true)
var hd = 11>20 || 3>21;
(3)非運算(取反,真的變成假的,假的變成真的)
var hd = !(2>1);
(4)三元運算符/三元表達式
(條件)?條件為真的時候返回的值:條件為假的時候返回的值;
(5)轉(zhuǎn)換數(shù)值類型
Number
parseFloat
parselnt
isNaNAN
eval
14.對象
(1)構(gòu)造函數(shù)
<script type="text/javascript">
// 構(gòu)造函數(shù)(類)
function ren(){
this.name = '名字';
this.sex = '性別';
this.height = '身高';
this.weight = '體重';
this.look = function(){
alert('能看見東西');
};
this.run = function(){
alert('能跑');
};
}
ren(ren);
// 通過構(gòu)造函數(shù)實例化具體對象
var xiawa = new ren();
xiawa.name = '夏娃';
document.write(xiawa.name);
xiawa.sex = '女孩';
document.write(xiawa.sex);
var yadang = new ren();
yadang.name = '亞當(dāng)';
document.write(yadang.name);
// 執(zhí)行對象里的方法
yadang.run();
// 追加新屬性和新方法
yadang.wenshen = '兩只皮皮蝦';
document.write(yadang.wenshen);
yadang.tree = function(){
alert('會爬樹');
}
yadang.tree();
</script>
(2)遍歷
<script type="text/javascript">
var auas = {
price:'8000元',
size:'15.6寸',
weight:'3kg',
color:'黑色',
game:function (){
alert('玩游戲')
},
chat:function(){
alert('聊天')
}
};
// x表示當(dāng)前遍歷到的屬性的屬性名字字符串形式,auas表示提用auas數(shù)組
for (x in auas) {
document.write(x+'=>'+auas[x]+'<br />');
}
</script>
當(dāng)前題目:JavaScript入門基礎(chǔ)
本文網(wǎng)址:http://chinadenli.net/article2/jpspoc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、小程序開發(fā)、用戶體驗、做網(wǎng)站、品牌網(wǎng)站設(shè)計、網(wǎng)站內(nèi)鏈
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)