js入门总结

最新推荐文章于 2022-10-14 14:42:24 发布

shaojieryou

最新推荐文章于 2022-10-14 14:42:24 发布

阅读量104

点赞数

分类专栏： js作业文章标签： js基础

js作业专栏收录该内容

4 篇文章 0 订阅

订阅专栏

JS引用

1.外部样式表——创建.js文件
2.内部样式表——在和里<script type="text/javascript"></script>
3.内联样式表——在元素中使用

多重样式表的优先顺序

多重样式表: 内联样式表>内部样式表>外部样式表；

Javascript

-知识点 ：

第一节:

1.关系运算

< >= <= == != === !==

2.按位运算

& , | , ~ ,<<,>>,>>>(不带符号的右移)

3.第二节语句

条件语句

if(判断条件:不全等比较){

}else{

}

4.多级的判断:

if(){
}else if(){
}else if(){
}else{

}
对一般的赋值条件语句使用三元运算快捷方式 var a=a>b?b:a;
switch语句:
switch( 常量/变量/字符串/对象){
case 1:
　　满足条件执行的语句;
　　break;

default:
　　break;
}
1.全等对比(===)
2.常用运算符:

3.算术运算 +,-,* / ,%,++ ,–
4.赋值运算

= ,+= ,-= , *= , %= //.toFixed(); 保留小数点位数

5.逻辑运算

&&,||,!
小心穿透 break(合理利用合并一些选项)
;
1.字符串的长度string.length
2.字符的大小写转化str.toLowerCase(); /str.toUpperCase();
3.检索某一段字符;根据返回值判断(是否存在和位置编号)
4.str.indexOf()? “”, 开始位);默认为0; (从前往后查找)

default (默认执行的语句)js中可以使用任何数据类型(字符串.对象)case中可以是常量/变量/表达式
switch的另一种用法:
switch(true){
　　
6.case 表达式:
语句;
break;
case 表达式:
语句;
break;
default:
语句;
break;
}
if和switch可以互换;switch执行效率高

7.for 循环:

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

}
用来处理固定次数的循环,i的值可以为其他例:i+=5;
常常配合break(跳出整个循环)/continue(跳出本次循环){要用到if判断}
for语句的嵌套:(变量名不能重)
for( var i=0;i<30;i++){
for( var j=20;j>0;j—){
}
}
for( var a in b){
}用来处理字符串/数组/对象的属性/

while语句:(处理不定次数的循环)
while( 表达式){
8. 执行的语句
}
do{
}while( ); //判断条件后置,至少执行一次.在写游戏时常用到
标识符:第一个字母是:字母 /_/ $的一种.以后的数字再加数字.
变量的声明 var.
三元运算

(判断条件) ?(为真):(false)

9.数据类型: typeof( );
undefined;未声明或声明了没有赋值
null:空对象boolean: true/false
string:number:
object:
10.数值的转换: Boolean( );
to-boolean: 0 NaN undefined null 空字符串为false; (空对象{}为true)
to-number:
Number(); true=1;false=0;空字符串 /null/空数组/空对象=0
字符串中必须都为数字才能转换为数字,其他都为NaN.
parseInt( 数字, 进制); parseFloat( )
空字符串 /空字符串/空数组/空对象=NaN;
字符串中开头含有数字才能转换为数字,其他情况都为NaN.

11.字符串:用 ”"表示常用的转义字符;\n 换行 \b空格 \r回车 \’ 单引号 \”双引号
\加个\转化为字符串(要求变量) toString(2/8/16) 括号为进制数str.lastIndexOf(“”,最后的位)默认为length-1(从后往前查找)

1.基本语法基于对象和事件
2客户端脚本语言
3脚本语言

基本语法：

1.第一个字符必须是字母、下划线（_）或美元符号这3种其中之一，其后的字符可以是字母、数字或下划线、美元符号；

2.变量名不能包含空格、加号、减号等符号；

3.标识符不能和JavaScript中用于其他目的的关键字同名；

、、

19.0312

重点：嵌套

H4

<script  language="javascript" type="text/javascript"></script>

H5

<script  language="javascript" type="text/javascript" src="相对路径">

4.js写在元素里面。

拓展

1.用户输入一个时间
2.用变量存储
3 根据时间判断上午、下午或者晚上
4.给用户输出结果

转化

在js中如何让用户输入数据即输入法。
如何存储数据即变量
判断分支语句
如何输出数据即输出方法

如下：

<script>
	var a = prompt("请输入时间，时间为0-24");
		if(a<12){
		document.write("上午好");
	}else if(a<18){
		document.write("中午好");
	}else if(a<24){
		document.write("晚上好");
	}
</script>

掌握Javascript基础语法

掌握脚本的基本结构
掌握常用输入输出语句
掌握变量定义

————————————————————————————————————————————
根据客户电脑时间，在指定位置输出问候语句

简化：
1. 根据电脑时间，我们需要获取电脑时间
2. 需要变量来存储、判断分支语句，在指定位置输出问候语
3. 获取div的IE或者有“class“通过js获取元素方法。然后用变量存储在该获取的元素。

<body>
	<div id="one" style="color:#255e95;width:100px;height:100px;border:1px solid red"></div>
	<script>
	var date = new Date();
	var hours= date.getHours();
	var test =document.getElementById("one");
		if(hours<=12){
		test.innerHTML="上午好";
	}else if(hours<=18){
		test.innerHTML="中午好";
	}else if(hours<=24){
		test.innerHTML="晚上好";
	}
</script>

流程语句

单分支 if
多分支 1.if else 2.switch

<body>
	<div id="myclock"></div>
	<script>
	var today = new Date();
	var hh= today.getHours();
	var mm= today.getMinutes();
	var ss= today.getSeconds();
	document.getElementById("myclock").innerHTML=hh+"."+ss;

</script>

shaojieryou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js入门总结

js入门总结 JS引用1.外部样式表——创建.js文件2.内部样式表——在和里&lt;script type="text/javascript"&gt;&lt;/script&gt;3.内联样式表——在元素中使用多重样式表的优先顺序多重样式表: 内联样式表&gt;内部样式表&gt;外部样式表；Javascript-知识点：第一...
复制链接

扫一扫