js基礎學習總結第一天

來源:互聯網
上載者:User

標籤:js第一天

javascript是web頁面的指令碼語言嵌套在所有html頁面

輕量級的

嵌套在所有html頁面 div+css


<scrip type="text/javascript">

alter(xss);

</script>


js組成:標準 DOM BOM

標準:文法的標準

(變數和資料類型 運算子,邏輯控制語句,關鍵字跟保留字,對象)

DOM:document object model

文件物件模型

BOM 瀏覽物件模型


資料類型

undefined(var)

boolean

string

number

null 


傳回型別

document.write(typer())+"<br/>";


<script type="text/javascript">

alter("");

</scripts>


prompt 輸出原理

<script type="text/javascript">

var k=prompt("請輸入您的次數","");

for(var i =0;i++;i<k)

{

document.write("<h2>您好"</h2>);

}  

alter("一共輸出"+k);

</scripts>


運算子

算數運算子

+ - * / % ++ --

賦值運算子

=

比較子

< > <= >= == !=

邏輯運算子

&& || ! 

與或非


for(初始值,條件,真量)

{js代碼

}while()


if(條件){js代碼}


switch(運算式){

case:

case:}


var i = 0;

for(i=0;i<=10;i++)

{

if (i==5){

continue or break

}

document.write("當前數字是:"+i)

}

三角形

<script type="text/javascript">

var k=prompt("請輸入列印次數","")

for(var i=1;i<=k;i++){

for(var m=0;m<1;m++){

document.write("*&nbsp;&nbsp;&nbsp");

}

document.write("<br/>");

}

</scripts>


<script type="text/javascript">

var k=prompt("請輸入列印次數","")

for(var i=1;i<=k;i++){

for(var m=0;m<1;m++){

document.write("*&nbsp;&nbsp;&nbsp");

}

document.write("<br/>");

}

var k=prompt("請輸入列印次數","")

for(var i=k-1;i>0;i++){

for(var s=0;s<i;s+){

document.write("*&nbsp;&nbsp;&nbsp");

}

document.write("<br/>");

}

</scripts>



js函數

無參函數

<script type=""text/javascript>

function btnshow(){

for(var i=0;i<10;i++){

document.write("大李子")

}

}

</script>

<body>

<input name="btn" type="button" value="點擊我顯示十次" ></body>

有參函數

<script type=""text/javascript>

function btnshow(btn2){

for(var i=0;i<10;i++){

document.write("大李子")

}

}

</script>

<body>

<input name="btn" type="button" value="點擊我顯示十次" >

</body>


常用系統函數

parselnt()

轉換為整數

parseFloat("字串")

轉換為浮點數

isNaN()

檢查參數是否未非數字


window對象常用屬性

屬性

screen

history

location

方法

prompt 帶有提示的 對話方塊

alter 彈框

confirm

eg:<head>

<script type="text/javascript">

function on_confirm(){

if(confirm("你最棒嗎?"))

alter("對 你最棒!");

}

</head>

<body>

<input type="button" value="點擊我彈窗" onclick="on_confirm">

</body>

close

eg:window.close();

open

settimeout

var 日期對象=new Date(參數)

seconds minutes

hours

day 0-6

date 0-31

months

set()

get()

eg:<head>

<scrip type="text/javascript">

function disptime()

{

 var tody=new Date();

 var hh=today.getHours();

 var hh=today.getMinutes();

 var hh=today.getSeconds();

 

 document.getElementById("Mytime").innerHTML="現在時間:"+hh+":"+mm+":"+ss;

}

var Mytime=setInterval("disptime()",1000);

</scrip>

</head>

setinterval




本文出自 “大李子” 部落格,謝絕轉載!

js基礎學習總結第一天

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.