標籤: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("*  ");
}
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("*  ");
}
document.write("<br/>");
}
var k=prompt("請輸入列印次數","")
for(var i=k-1;i>0;i++){
for(var s=0;s<i;s+){
document.write("*  ");
}
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基礎學習總結第一天