js基础学习总结第一天

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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基础学习总结第一天的主要内容,如果未能解决你的问题,请参考以下文章

js基础第一天

带你入门nodejs第一天——node基础语法及使用

带你入门nodejs第一天——node基础语法及使用

学习PHP的第一天

javascript 学习总结 第一天

javascript 学习总结 第一天