JavaScript入门基础1

JavaScript介绍
JavaScript是一种直译式脚本语言,是一种动态类型,弱类型,基于原型的语言,内置支持类型。它的解释器被称为
JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早实在HTML(标准通用标记语言下的一个应用)
网页上使用,用来给HTML网页增加动态功能。

-JavaScript 的引入方式
1.内嵌式:
<script type="text/javascript">
  //js代码
</script>

2.外部式:
<script type="text/javascript" src="myjs.js"></script>

-JavaScript 的注释
//单行注释
/*
多行注释
*/

-JavaScript 的变量
//数字:
var numberObject=1;
//字符串:
var stringObject="1";
//布尔:
var booleanObject=true;
//空:
var nullObject=null;
//未定义:
var undefinedObject=undefined;
//对象:
var jsObject=Object;

alert对话框
<script type="text/javascript">
  alert('hello,challen')
</script>

-判断if语句使用
if语句:
if(条件){
  //条件成立的代码
};

if else语句:
if(条件){
//条件成立的代码
}else{
  //条件成立的代码
};

if else if 语句:
if(条件){
  //条件成立的代码
}else if(条件){
  //条件成立的代码
};

-判断switch语句使用
var a='2';
switch(a){
  case "1":
    alert('a=1');
    break;
  case "2":
    alert('a=2');
    break;
  default:
    alert('default')
};
</script>

-循环
for循环:
for(var i=0;i<5;i++){
  alert(i);
};

while循环:
var a=1;
while(a<5){
  alert(a);
  a++;
};
注意:break退出当前循环
continue进如下一次循环

do while循环:
var a=1;
do{
alert(a);
a++;
}while(a<1);


-javascript中的函数:
1.第一种方式:
var func=function(x,y){
return x+y;
};

alert(func(10,20));

2.第二种方式:
function func(x,y){
return x+y;
};

alert(func(10,20));

-javascript DOM树
根据ID得到节点:
<div id="div_id1"></div>
<script type="text/javascript">
divElement=document.getElementById("div_id1");
divElement.innerHTML="通过js写入文本内容";
</script>

posted @ 2020-04-13 17:11  Challen_Moon  阅读(106)  评论(0)    收藏  举报