Javascript1

最新推荐文章于 2021-08-18 12:56:29 发布

执阳光仗五米

最新推荐文章于 2021-08-18 12:56:29 发布

阅读量148

点赞数

分类专栏：笔记文章标签： JavaScript

本文链接：https://blog.csdn.net/weixin_42391926/article/details/80678650

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

Javascript是世界上最流行的编程语言。可用于HTML、web，广泛应用于服务器、PC、笔记本电脑、平板电脑、智能手机等...

HTML中的脚本必须放于<script>与</script>之间。

<script>
  alert("My First JavaScript");
</script>

JavaScript通常用于操作HTML中的元素。

<!doctype html>
<html>
  <body>
    <h1>这是标签！</h1>
    <p id="demo">这是段落！</p>
    <script>
      document.getElementById("demo").innerHTML="这是第一段 JavaScript"；
    </script>
  </body>
</html>

JavaScript语句以及块代码。

语句：

document.getElementById("demo").innerHTML="HOW ARE YOU?";

JavaScript块代码：

<doctype html>
<html>
  <body>
    <h1>我是前端页面！</h1>
    <p id="par">我是p标签！</p>
    <div id="md">我是div标签！</div>
    <p><button type="button" οnclick="myFunction()">点我</p>
    <script>
      function myFunction(){
      document.getElementById("par").innerHTML="你好啊！";
      documentElementById("md").innerHTML="你好吗？";
     }
    </script>
  </body>
</html>

代码块是语句进行组合得到的且区分大小写。

注释用来阻止执行

单行注释：//

多行注释：/* ... */

JavaScript变量：

var x=1;
var y=2;
var t=3;

变量是储存信息的容器，必须以字母开头且对大小写敏感。（语句与变量都对大小写敏感）

JavaScript数据类型：

字符串、数字、布尔、数组、对象、Null、undefined

字符串：字符串是储存字符的变量，字符串可以是引号中的任意文本，单双引号都可以；

数字：数字可以带小数点，也可以不带

var x1=55.587；
var x2=584-6；
var x3=477a7；

布尔：布尔（逻辑）只有两个值true和falise。

数组：数组下标基于0,So第一项为【0】,第二项为【1】，以此类推。

var arrayName= array("one","two","three")

var arrayName =new array();
arrayName[0]="one";
arrayName[1]="two";
arrayName[2]="three";

对象：对象由花括号分隔。在括号内部，对象的属性名称和值对的形式（name：value）来定义。属性由逗号来分隔；

var open = {firesName:"see",idName:"you"}；

undefined和Null

undefined表示变量不含值，可以通过将变量的值设置为Null来清空变量。

对象（世间万物皆对象）

在JavaScript中对象是拥有属性和方法的数据。

属性是对象相关的值，方法则是对象上执行的动作。

JavaScript函数语法

函数就是包裹在花括号中的代码块，前并使用了function：

function(){
  这是执行的代码
 }

当在调用这个函数时会执行其中的代码。

javascript对大小写敏感且关键词function必须要小写同时需以函数名相同大小的大小写来调用函数。

调用函数时可以向其传递值，这个值就是参数，参数可以在函数中使用。可以发送任意多参数由逗号分隔。

function functionName(var1,var2){
  这是要执行的代码！ 
}

带有返回值的函数，又时我们需要函数将值返回到调用它的地方。return语句可以实现。

return语句函数会停止执行，并返回指定的值。

语法：

function functionName(){
  var x=1;
  return x;
}  //返回值为1

javascript运算符

运算符=用于赋值运算符+用于赋值

算数运算
+	-	*	/	%	++	--
加	减	乘	除	求余数（保留整数）	累加	递减

赋值运算符设x=6，y=2
=		x=2
+=	x=x+y	x=8
-=	x=x-y	x=4
*=	x=x*y	x=12
/=	x=x/y	x=3
%=	x=x%y	x=0

比较和逻辑运算符

比较运算符设x=3
==	等于	x==3为true
===	全等于	x===3为true；x==="3"为false
!=	不等于	x!=7为true
>	大于	x>7为false
<	小于	x<7为true
>=	大于或等于	x>=7为false
<=	小于或等于	x<=7为true

逻辑运算符设x=5,y=9
&&	and	(x<4&&y>5为true)
\|\|	or	（x==9\|\|y==5为false）
！	not	!(x==y)为true

if...else语句

条件语句基于不同的条件来执行不同的动作

if语句：是指定条件为true时，来执行的。

if...else语句：是指当条件为true时执行代码，条件为false时执行其他代码。

if....else if...else语句：使用该语句来选择执行多个块代码之一来执行。

switch语句：使用该语句来选择执行多个块代码之一来执行。

//if语句
if（条件）
{
  条件为true时执行的代码
}

//if...else语句
if(条件){
  条件为true时执行的代码
}else{
  条件为false时执行的代码
}

//if...else if...else语句
if(条件1){
  当条件1为true时执行的代码
}else if(条件2){
  当条件2为true时执行的代码
}else{
  当条件1和条件2都为false时执行的代码
}

switch语句用于基于不同的条件来执行不同的动作

for循环：可以将代码块执行指定的次数

不同类型的循环;

for 循环代码块一定的次数

for/in 循环遍历对象的属性

while 当条件为true时循环指定的代码块

do/while 同样当指定的条件为true时循环指定的代码块

//for循环
for(语句 1；语句 2；语句 3){
  被执行的代码块
}
//语句 1在循环（代码块）开始之前执行
//语句 2定义运行循环(代码块)的条件
//语句 3在循环（代码块）执行后再执行

while循环只要指定条件为true，循环就可以一直执行代码块。

笔记：

var是用来声明变量的。保留字符，保留关键字，再js中保留字符已经具有某种涵义；

函数只有在被处罚或调用时执行！

再需要调用的地方，直接使用函数名接上小括号；

function(){}：小括号是参数，用于接收外部传入的值，每个参数之间逗号分开。目的是告诉别人有多少个参数。

形参：函数声明中小括号中的所有参数名。

实参：在调用时传入的实际参数。

局部变量，全部变量：

在函数内部声明的变量为局部变量。反之，在函数外部则为全局变量。在js中全局变量可内部使用，局部则不行。

Javascript来操作HTML所有元素（元素，属性，文本），

操作所有的标签（元素）

操作所有的标签的属性

操作所有的标签的css样式

对页面的事件作出回应。

通过ID属性获取元素对象：var 变量 = document.getElementById("地属性的值")；

通过标签（元素）获取元素对象：var 变量 = document.getElementsByTagName("标签名")；

通过NAME属性获取元素对象：var 变量 = documentsByName("Name属性的值");

通过CLASS属性获取元素对象：var 变量 = document.getElementsByClassName("class的值");

其他方法：

document.queryselector('css选择器');

document.queryselectorAll('css选择器');

节点

创建元素对象：

var element = document.createElement('div');

设置属性一个属性：

element.setAttribute("id","element");

element.setAttribute("class","element");

console.log(element);

创建一个文本对象：

var txt = document.createTextNode(element);

最简单的方法添加元素对象：

document.body.innerHTML += "<div class="element" id = "element">快速添加元素对象</div>";

element对象的属性和方法：

innerHTML element对象的内容属性。

style element对象的样式。

appendchild() 向element对象中最加内容（元素对象）。

getattribute() 获取元素对象的属性。

setottribute() 设置元素对象的属性。

length 节点数量。

包装类

*array（数组）对象：

在单位变量中存储多个值，变量是存储信息的容器，且只能存一个，在多个值需用数组来实现（array）。

boolean（布尔）对象：

不用单独去实例化，直接使用true和false，单独没有实际价值。

*date（日期）对象：

处理日期和时间的一个对象。

math（数字）对象：

这个对象不用实例化，直接使用。

Number（数字）对象：

实例化得到数字对象（实际开发中使用率低）

*string（字符串）对象：

使用较多。

执阳光仗五米

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript1

Javascript是世界上最流行的编程语言。可用于HTML、web，广泛应用于服务器、PC、笔记本电脑、平板电脑、智能手机等...HTML中的脚本必须放于&lt;script&gt;与&lt;/script&gt;之间。&lt;script&gt; alert("My First JavaScript");&lt;/script&gt;JavaScript通常用于操作HTM...
复制链接

扫一扫