1. 程式人生 > >JS第一課時筆記

JS第一課時筆記

log func 字符 找不到 開始 強類型 但是 http tel

一、JS有三種方式來表現

1、在標簽裏設置事件

<script>
function myclick(){alert("hello word")}

</script>

<input type="button"value="我是一個按鈕"onclick="myclick()" />

效果:技術分享

2、在標簽裏設置id,這時我們需要先找到id再來執行事件

<script>
onload=function()
{document.getElementById("an").onclick=function()
{alert("hello world")}}

</script>

<input type="button"value="我是一個按鈕"id="an" />

技術分享

3、將JS放在標簽下面就不用onload事件(html習慣從上到下解析代碼)

我們在做一個demo的時候習慣將js名稱與HTML名稱保持一致,當項目多的時候方便識別

二、JavaScript幾個特點

1、區分大小寫

2、聲明變量,用var來聲明,為弱類型

像int i=10;string s="aaa"這樣定義分明的為強類型,js用的是弱類型,不管是整數字符串都可以一律用var來定義

3、var可以同時聲明多個

4、當彈窗出現undefine,則說明沒有賦值

三、變量命名規則

1、首字母必須是字母(大小寫均可)、下劃線或美元符

2、余下的字母可以是下劃線、美元符、任意字母或數字字符

3、變量名不含關鍵字,如alert、function這些就是關鍵字

四、數據類型

1、字符串

length是返回字符串的長度

<script>
function myclick(){
var sString="hello world";
alert(sString.length);}
</script>

<input type="button"value="我是一個按鈕"onclick="myclick()" />

技術分享

單詞中的空格也算一個長度

chartat(字符位置)獲取指定位置的字符,位置也指索引,從0開始

<script>
function myclick(){
var sString="hello world";
alert(sString.charAt(4));}
</script>

<input type="button"value="我是一個按鈕"onclick="myclick()" />

技術分享

substring()表示從這個數值開始截取

substring(3,7)表示從3這個位置截取但是不包括7這個位置的數值

<script>
function myclick(){
var sString="hello world";
alert(sString.substring(3,7));}
</script>

<input type="button"value="我是一個按鈕"onclick="myclick()" />

技術分享

substr(3,5)從3的位置開始截取5個長度

<script>
function myclick(){
var sString="hello world";
alert(sString.substr(3,5));}
</script>

<input type="button"value="我是一個按鈕"onclick="myclick()" />

技術分享

indexof("l")表示從前往後去找l出現的起始位置

<script>
function myclick(){
var sString="hello world";
alert(sString.indexOf("l"));}
</script>

<input type="button"value="我是一個按鈕"onclick="myclick()" />

技術分享

indexof(“l”,4)表示從第四個位置從前往後找l第一次出現的位置

<script>
function myclick(){
var sString="hello world";
alert(sString.indexOf("l",4));}
</script>

<input type="button"value="我是一個按鈕"onclick="myclick()" />

技術分享

indexof(“-”)查找字符裏是否包含這個字符,若找不到則返回-1

<script>
function myclick(){
var sString="hello world";
alert(sString.indexOf("-"));}
</script>

<input type="button"value="我是一個按鈕"onclick="myclick()" />

技術分享

lastindexof表示從後往前找

定義時候用整數用var iNum=10 小數 var fNum=20.34 字符串var sNum=“20”這是加強語義的一種表達方法

“+”有兩個作用,一是做加法運算,二是做連接

JS第一課時筆記