1. 程式人生 > >js基礎學習總結第一天

js基礎學習總結第一天

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基礎學習總結第一天