整理Javascript基础入门学习笔记,菜鸟必看篇

作者: 关于计算机  发布:2019-09-03

打听怎么是变量?
变量是用于存款和储蓄新闻的容器
变量的宣示
语法:

Javascript基础学习笔记(新手一定要看篇),javascript学习笔记

怎么是变量?

变量是用来存款和储蓄消息的器皿

变量的宣示

语法:

var 变量名

变量名 = 值;

变量要先注解再赋值

变量能够重复赋值

变量的命名准则

变量必得以字母发轫;

变量也能以$和_标记先河(然则大家不推荐这么做);

变量名称对大小写敏感(a和A是不一致的变量)。

语句

语句以一个分店结尾;假使简单分号,则由解析器明确语句的结尾。

有个好的编码习于旧贯,都要以 ; 结尾

数据类型

JavaScript中,一段音信正是一个值(value)。值有例外的等级次序,大家最熟练的系列是数字。字符串(string)值是包围在

引号中的八个或四个单词。

数字    任何数字值。数字能够带小数点,也得以不带    68.57

字符串    引号中的字符。您能够选取单引号或双引号    "hello, world"

布尔值(Boolean)    truefalse    true

Undefined 和 Null    Undefined 那个值表示变量不含有值。能够由此将变量的值设置为 null 来清空变量。    

目的    与目的相关联的其余值    

函数    函数重回的值    

1 var a; //a为undefined
2 var a = 6; //a 为数字
3 var a = "Jason"; // a 为字符串

什么是函数?

函数是一组实践某一职分的JavaScript 语句

着力语法:

function 函数名(){
  函数代码;
}

函数名();

说明:

function定义函数关键字。

"函数名"你为函数取的名字。

"函数代码"替换为做到一定功效的代码。

"第4个函数名"函数调用的一种

1 function add2(){
2 var sun = 3 + 2;
3 alert(sun);
4 }
5 add2();//调用函数直接写函数名直接弹出函数代码

1 <input type="button" value="点击我" onclick="add2()" />
2 <!-- 单击按钮后,调用函数,onclick为点击事件 -->

输出内容(document.write)

document.write()直接在网页中输出内容。

率先种:输出内容用“”括起,直接出口“”号内的剧情。

document.write("I love JavaScript!");

第三种:通过变量,输出内容 

var mystr = "hello world";
document.write(mysrt);//直接写变量名,输出变量存储的内容

其三种:输出多项内容,内容之间用+号连接。

var mystr = "hello";
document.write(mystr + "I love Java Script");//多项内容之间用+号连接

第多样:输出HTML标签,并起效果,标签使用“”括起来。

var mystr="hello";
document.write(mystr+"<br>");//输出hello后,输出一个换行符
document.write("JavaScript");

警告(alert 音讯对话框)

大家在拜会网址的时候,一时会蓦然弹出三个小窗口,上边写着一段提示音讯文字。尽管您不点击“显明”,就不能够对网页做任

何操作,那一个小窗口正是选择alert完成的。

语法:alert(字符串或变量);

 

var mynum = 30;
alert("hello!");
alert(mynum);

 结果:按顺序弹出新闻框(alert弹出音讯对话框包括二个规定按键)

注意:

  1. 在点击对话框"分明"开关前,不可能开展任何别的操作。

  2. 新闻对话框经常可以用于调试程序。

  3. alert输出内容,能够是字符串或变量,与document.write 相似

确认选项(confirm 消息对话框)

除此而外向客商提供消息,大家还可望从顾客这里获得音讯。这里就用到了confirm 新闻对话框。

confirm 消息对话框平时用于允许客商做选择的动作,如:“你对啊?”等。弹出对话框(富含叁个规定开关和一个裁撤开关)。

语法:confirm(str);

参数表明:str:在新闻对话框中要来得的文件 再次来到值:Boolean值

返回值:

当顾客点击"分明"开关时,重临true

当顾客点击"裁撤"按键时,再次来到false

注: 通过再次回到值能够判别顾客点击了何等按键

<script type="text/javascript">
  var mymessage=confirm("你喜欢JavaScript吗?");
  if(mymessage==true){
    document.write("很好,加油!"); 
  }else{
    document.write("JS功能强大,要学习噢!");
  }
</script>

问问(prompt 音讯对话框)

突发性,不仅仅期望顾客回答Yes/No。而是希望获得更特定的响应。那中状态大家得以接纳prompt。

prompt弹出新闻对话框,平常用于询问一些必要与顾客交互的音讯。弹出新闻对话框(富含三个规定按键、裁撤开关与三个文本输入框)。

语法:

prompt(str1,str2);

参数表达:

str1:要出示在音信对话框中的文本,不可修改

str2:文本框中的内容,能够修改

返回值:

1、点击明确开关,文本框中的内容将用作函数再次回到值

2、点击撤消开关,将回到null

function rec(){
  var score; //score变量,用来存储用户输入的成绩值。
  score = prompt("请输入你的成绩","90");
  if(score>=90){
    document.write("你很棒!");
  }else if(score>=75){
    document.write("不错吆!");
  }else if(score>=60){
    document.write("要加油!");
  }else{
    document.write("要努力了!");
  };
} ;

<script>
    var myName = prompt("输入您的名字");
     if(myName != null && myName != ""){
      document.write("welcom to" + myName);
    }else{
      document.write("welcom to my friend");
    }
</script>

张开新窗口(window.open)

语法:

window.open([URL], [窗口名称], [参数字符串])

参数表达:

URL:可选参数,在窗口中要出示网页的网站或路线。假若轻便那些参数,可能它的值是空字符串,那么窗口就不展现其他文书档案。

窗口名称:可选参数,被展开窗口的称呼。

1.该名称由字母、数字和下划线字符组成。

2.窗口名称:可选,该字符串是一个由逗号分隔的特征列表,注明了被张开窗口的名称。能够

"_top"、"_blank"、"_selft"、"_parent"等。

_blank 在新窗口呈现指标网页

_selft 在脚下窗口体现指标网页

_parent 框架网页中当前整整窗口地点显示指标网页

_top 框架网页中在上部窗口中浮现目的网页

3.相同 name 的窗口只可以成立一个,要想创造三个窗口则 name 不可能平等。

4.name 无法包蕴有空格。

参数字符串:可选参数,设置窗口参数,各参数用逗号隔离。

参数表:

top    Number  窗口最上端离开显示器顶端的像素数
left    Number  窗口左端离开显示器左端的像素数
width    Number  窗口的上升的幅度
height    Number  窗口的莫斯中国科学技术大学学
menubar    yes,no  窗口有未有菜单
toolbar    yes,no  窗口有未有工具条
scrollbars    yes,no   窗口有未有滚动条
status      yes,no   窗口有未有状态栏

<script type="text/javascript">
   window.open('http://','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
 </script>

关闭窗口(window.close)

close()闭馆窗口

用法:

1 window.close();//关闭本窗口
2 <窗口对象>.close();//关闭指定的窗口

诸如:关闭新建的窗口。

1 <script type="text/javascript">
2   var mywin=window.open('http://www.bkjia.com'); //将新打的窗口对象,存储在变量mywin中
3   mywin.close();
4 </script>

innerHTML属性

innerHTML质量用于获取或交流HTML要素的从头到尾的经过。

语法:

 Object.innerHTML

Object是获取的要素对象,如通过document.getElementById("ID")获取成分。

<h2 id="con">javascript</H2>

<script type="text/javascript">
  var mychar=document.getElementById("con");
  document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
  mychar.innerHTML="hello world"
  document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>

改变HTML样式

语法:

Object.style.property=new style;

注意:Object是得到的成分对象,如通过document.getElementById("id")获取的成分

<h2 id="con">I love JavaScript</h2>

<script type="text/javascript">
  var mychar= document.getElementById("con");
  mychar.style.color="red";
  mychar.style.background="#ccc";
  mychar.style.width="300px";
</script>

突显和隐形(display属性)

语法:

Object.style.display = value

value值:

none 此成分不会被出示(及藏匿)

block 此成分将显示为块级成分(即展现)

mychar.style.display = "block"

支配类名(className属性)
className属性设置或重回元素的class属性。
语法:

object.className = classname

作用:
1、获取成分的class属性
2、为网页内的某部成分钦赐二个css样式来改换该因素的外观

p2.className = "two";

如上那篇Javascript基础学习笔记(新手非看不可篇)正是作者共享给我们的全部内容了,希望能给大家四个参照,也期待大家多多帮助帮客之家。

什么是变量? 变量是用以存款和储蓄音讯的容器 变量的宣示 语法: var 变量名 变量名 = 值...

var  变量名 变量名 = 值;
变量要先评释再赋值
变量能够再一次赋值
变量的命名准则

  • 变量必须以字母最初;
  • 变量也能以$和_标识开头(可是大家不推荐这么做);
  • 变量名称对大小写敏感(a和A是见仁见智的变量)。

1、语句
语句以贰个子公司结尾;假如轻易分号,则由解析器明确语句的最后。
有个好的编码习于旧贯,都要以 ; 结尾

2、数据类型
在JavaScript中,一段音信就是一个值(value)。值有例外的类型,大家最熟练的类型是数字。字符串(string)值是包围在引号中的一个或多少个单词。
数字    任何数字值。数字能够带小数点,也能够不带    68.57
字符串    引号中的字符。您能够动用单引号或双引号    "hello, world"
布尔值(Boolean)    true或false    true
Undefined 和 Null    Undefined 那几个值表示变量不含有值。能够透过将变量的值设置为 null 来清空变量。   
对象    与指标相关联的别的值   
函数    函数重临的值   

var a; //a为undefined
var a = 6; //a 为数字
var a = "Jason"; // a 为字符串

 3、**怎么是函数?**
函数是一组实施某一职务的JavaScript 语句
核心语法:

function 函数名(){
 函数代码;
}

函数名();
说明:
function定义函数关键字。 "函数名"你为函数取的名字。
"函数代码"替换为成功一定功效的代码。
"第三个函数名"函数调用的一种

 function add2(){
 var sun = 3 + 2;
 alert(sun);
 }
 add2();//调用函数直接写函数名直接弹出函数代码
 <input type="button" value="点击我" onclick="add2()" />
 <!-- 单击按钮后,调用函数,onclick为点击事件 -->

4、输出内容(document.write) document.write()直接在网页中输出内容。
先是种:输出内容用“”括起,直接出口“”号内的剧情。

document.write("I love JavaScript!");

第三种:通过变量,输出内容

var mystr = "hello world";
document.write(mysrt);//直接写变量名,输出变量存储的内容

其二种:输出多项内容,内容之间用+号连接。

var mystr = "hello";
document.write(mystr + "I love Java Script");//多项内容之间用+号连接

第各样:输出HTML标签,并起效果,标签使用“”括起来。

var mystr="hello";
document.write(mystr+"<br>");//输出hello后,输出一个换行符
document.write("JavaScript");

5、警告(alert 新闻对话框)**
咱俩在寻访网址的时候,有的时候会突然弹出一个小窗口,下面写着一段提醒音讯文字。倘若您不点击“分明”,就无法对网页做别的操作,那一个小窗口正是行使alert实现的。
语法:
alert(字符串或变量);**

var mynum = 30;
alert("hello!");
alert(mynum);

结果:按梯次弹出音信框(alert弹出信息对话框富含二个规定开关)
注意:

  1. 在点击对话框"分明"开关前,无法开展别的别的操作。
  2. 音讯对话框通常能够用于调节和测验程序。
  3. alert输出内容,能够是字符串或变量,与document.write 相似

6、确认选项(confirm 音讯对话框) 而外向客商提供新闻,大家还期待从顾客这里拿走消息。这里就用到了confirm 音信对话框。
confirm 音讯对话框经常用于允许客户做采纳的动作,如:“你对吗?”等。弹出对话框(满含多少个规定按钮和二个撤废开关)。
语法:confirm(str);
参数说明:str:在音讯对话框中要展现的文书 再次回到值:Boolean值
返回值:
当顾客点击"鲜明"开关时,再次来到true
当客户点击"裁撤"按钮时,再次来到false
注: 通过重临值能够看清顾客点击了哪些开关

<script type="text/javascript">
 var mymessage=confirm("你喜欢JavaScript吗?");
 if(mymessage==true){
   document.write("很好,加油!"); 
  }else{
   document.write("JS功能强大,要学习噢!");
  }
 </script>

7、提问(prompt 新闻对话框)
有的时候候,不仅仅希望客商回答Yes/No。而是愿意获得更特定的响应。那中状态大家能够运用prompt。
prompt弹出音信对话框,经常用于询问一些内需与顾客交互的新闻。弹出音信对话框(满含三个鲜明开关、打消开关与二个文书输入框)。
语法:

prompt(str1,str2);
参数表达:
str1:要呈未来新闻对话框中的文本,不可修改
str2:文本框中的内容,能够修改
返回值:
1、点击明显按键,文本框中的内容将作为函数重返值
2、点击撤消按钮,将再次来到null  

 function rec(){
  var score; //score变量,用来存储用户输入的成绩值。
  score = prompt("请输入你的成绩","90");
  if(score>=90){
   document.write("你很棒!");
  }else if(score>=75){
   document.write("不错吆!");
  }else if(score>=60){
   document.write("要加油!");
  }else{
   document.write("要努力了!");
  };
 } ; 

 <script>
  var myName = prompt("输入您的名字");
   if(myName != null && myName != ""){
    document.write("welcom to" + myName);
   }else{
    document.write("welcom to my friend");
   }
</script>

8、打开新窗口(window.open)
语法:

window.open([URL], [窗口名称], [参数字符串]) 参数表明:
U安德拉L:可选参数,在窗口中要来得网页的网站或路线。若是轻便那么些参数,恐怕它的值是空字符串,那么窗口就不彰显其余文书档案。
窗口名称:可选参数,被张开窗口的名目。
1.该名称由字母、数字和下划线字符组成。
2.窗口名称:可选,该字符串是一个由逗号分隔的性状列表,评释了被展开窗口的名号。能够是"_top"、"_blank"、"_selft"、"_parent"等。
_blank 在新窗口体现指标网页
_selft 在时下窗口展现指标网页
_parent 框架网页中当前漫天窗口地方呈现目的网页
_top 框架网页中在上部窗口中显得指标网页
3.千篇一律 name 的窗口只好创造叁个,要想创造四个窗口则 name 不能够长期以来。
4.name 不能够包蕴有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔离。

参数表:
top    Number  窗口顶端离开荧屏最上端的像素数
left    Number  窗口左端离开显示屏左端的像素数
width    Number  窗口的增进率
height    Number  窗口的惊人
menubar    yes,no  窗口有未有菜单
toolbar    yes,no  窗口有未有工具条
scrollbars    yes,no   窗口有未有滚动条
status      yes,no   窗口有未有状态栏

 <script type="text/javascript">
  window.open('http://','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
 </script>

9、关闭窗口(window.close)
close()关闭窗口
用法:

window.close();//关闭本窗口
 <窗口对象>.close();//关闭指定的窗口

比如:关闭新建的窗口。

 <script type="text/javascript">
  var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中
  mywin.close();
 </script>

10、innerHTML属性
innerHTML属性用于获取或沟通HTML成分的内容。
语法:

Object.innerHTML Object是收获的因素对象,如通过document.getElementById("ID")获取成分。

 

<h2 id="con">javascript</H2>
 <script type="text/javascript">
   var mychar=document.getElementById("con");
   document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
   mychar.innerHTML="hello world"
   document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
 </script>

11、改变HTML样式
语法:

Object.style.property=new style;
只顾:Object是赢得的要素对象,如通过document.getElementById("id")获取的成分

<h2 id="con">I love JavaScript</h2>
 <script type="text/javascript">
 var mychar= document.getElementById("con");
 mychar.style.color="red";
 mychar.style.background="#ccc";
 mychar.style.width="300px";
 </script>

12、突显和隐形(display属性)
语法:

Object.style.display = value value值:
none 此因素不会被出示(及藏匿)
block 此因素将展现为块级成分(即显示)

mychar.style.display = "block"

13、调控类名(className属性) className属性设置或回到成分的class属性。
语法:

object.className = classname 作用:
1、获取成分的class属性
2、为网页内的某部成分钦命一个css样式来改换该因素的外观

p2.className = "two";
如上正是收拾的javascript的基础知识学习笔记,希望对大家的就学抱有支持。

您只怕感兴趣的稿子:

  • 重整Javascript基础语经济学习笔记
  • JavaScript学习笔记(一) js基本语法
  • Javascript基础学习笔记(新手一定要看篇)
  • javascript学习笔记_浅谈基础语法,类型,变量

本文由王中王开奖结果发布于关于计算机,转载请注明出处:整理Javascript基础入门学习笔记,菜鸟必看篇

关键词: