JS第一課時筆記
一、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第一課時筆記