JavaScript入門基礎

發布時間：2020-07-13 13:03:05 來源：網絡閱讀：246 作者：專注地一哥欄目：web開發

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

<script>標簽
<script>
JS代碼在這里
html代碼不能寫在這里！
</script>
<script>標簽可被放置在 HTML 頁面的 <body> 和 <head> 部分中。
<script> 和 </script> 會告訴 JavaScript 在何處開始和結束。
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注釋 // /.../
數據類型
在 JavaScript 中有 5 種不同的數據類型:
string number boolean object function
3種對象類型:
Object Date Array
2個不包含任何值的數據類型:
null undefined
如果對象是 JavaScript Array 或 JavaScript Date,我們就無法通過typeof來判斷他們的類
型,因為都是返回Object。
變量申明
var a = 666;
var b = "666 abc";
1
2
數組
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
函數
function(){
...
}
內嵌函數
JavaScript 支持嵌套函數,嵌套函數可以訪問上一層的函數變量。
該實例中,內嵌函數 plus() 可以訪問父函數的 counter 變量。
實例:
function add() {
var counter = 0;
function plus() {counter += 1;}
plus();
return counter;
}
正則表達式
正則表達式（在代碼中常簡寫為regex、regexp或RE）使用單個字符串來描述、匹
配一系列符合某個句法規則的字符串搜索模式。
正則表達式是由一個字符序列形成的搜索模式。
當你在文本中搜索數據時，你可以用搜索模式來描述你要查詢的內容。
正則表達式可用于所有文本搜索和文本替換的操作。
語法
/正則表達式主體/修飾符(可選),其中修飾符是可選的。
實例：var patt = /runoob/i
11.js重定向
<body>
//都能激活提示框
<a href="javascript:alert('我是重定向的代碼');">hellow</a>
<form action="javascript:alert('提交表單');">
<input type="submit" value="提交表單" />
</form>
</body>
12.判斷
== 只判斷內容,不管類型
=== 全等,既判斷內容,又判斷類型
!= 只判斷內容,不管類型
!== 既判斷內容,又判斷類型
13.運算
（1）與運算(要求左右兩邊的條件都是true，結果是true)
var hd = 11>2 && 3>2;
（2）或運算(左右兩邊條件至少有一邊是true,結果才是true)
var hd = 11>20 || 3>21;
（3）非運算(取反，真的變成假的，假的變成真的)
var hd = !(2>1);
（4）三元運算符/三元表達式
(條件)?條件為真的時候返回的值:條件為假的時候返回的值;
（5）轉換數值類型
Number
parseFloat
parselnt
isNaNAN
eval
14.對象
（1）構造函數
<script type="text/javascript">
// 構造函數(類)
function ren(){
this.name = '名字';
this.sex = '性別';
this.height = '身高';
this.weight = '體重';
this.look = function(){
alert('能看見東西');
};
this.run = function(){
alert('能跑');
};
}
ren(ren);
// 通過構造函數實例化具體對象
var xiawa = new ren();
xiawa.name = '夏娃';
document.write(xiawa.name);
xiawa.sex = '女孩';
document.write(xiawa.sex);
var yadang = new ren();
yadang.name = '亞當';
document.write(yadang.name);
// 執行對象里的方法
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表示當前遍歷到的屬性的屬性名字字符串形式,auas表示提用auas數組
for (x in auas) {
document.write(x+'=>'+auas[x]+'<br />');
}
</script>

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

JavaScript入門基礎

猜你喜歡

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

JavaScript入門基礎

猜你喜歡

最新資訊

相關推薦

相關標簽