JavaScript学习记录(二)

最新推荐文章于 2024-04-20 11:01:04 发布

yaoyaoyao2

最新推荐文章于 2024-04-20 11:01:04 发布

阅读量284

点赞数

分类专栏：成长日记文章标签： javascript

本文链接：https://blog.csdn.net/yaoyaoyao2/article/details/54380984

版权

成长日记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JavaScript学习记录(二)

主要内容：输出、语句、变量、数据类型、对象

以下学习内容参考w3school官网学习资料

JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

分号 ;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

提示：您也可能看到不带有分号的案例。

在 JavaScript 中，用分号来结束语句是可选的。

1.JavaScript输出

JavaScript通常使用操作HTML元素。

2.JavaScript语句

JavaScript语句向浏览器发出命令。语句的作用是告诉浏览器该做什么。

3. JavaScript里的代码，浏览器会按照编写顺序来执行每条语句。

JavaScript里的函数是将语句组合在块中。

JavaScript对大小写敏感。

对以上知识点进行代码展示：

<!DOCTYPE html>
<html>

<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>

<body>
<h1>My First Web Page</h1>
<p id="demo">My First Paragraph.</p>

<button οnclick="myFunction()">点击这里</button>

<script type="text/javascript">
/*JavaScript里的代码，浏览器会按照编写顺序来执行每条语句。
  JavaScript里的函数是将语句组合在块中。
  JavaScript对大小写敏感。*/

	document.getElementById("demo").innerHTML="My First JavaScript";
    //通过指定的id来访问HTML元素，并改变其内容
    document.write("<p>Hello World!</P>");
    //直接把<p>元素写到HTML文档输出

    //Waring
    //使用document.write()仅仅向文档输出所写内容
    //如果在文档已经完成加载后执行document.write,则整个HTML页面将被覆盖
    function myFunction()
    {
    document.write("文档消失了");
    }
</script>

</body>
</html>

4.JavaScript变量

在JavaScript中，可以把变量看做存储数据的容器。使用 var 关键词来声明变量。

一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。

在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。

如果重新声明 JavaScript 变量，该变量的值不会丢失。

变量可以使用短名称(比如x 和y)，也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

①变量必须以字母开头

②变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）

③变量名称对大小写敏感（y 和 Y 是不同的变量）

5．JavaScript数据类型

当向变量分配文本值时，应该用双引号或单引号包围这个值。

当向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。

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

JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

<!DOCTYPE html>
<html>

<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>

<body>

<script type="text/javascript">

	var x=2;
	var y=3;
	var z=x+y;

	document.write(x+"<br>");
	document.write(y+"<br>");
	document.write(z+"<br>");

	/*当您向变量分配文本值时，应该用双引号或单引号包围这个值。
      当您向变量赋的值是数值时，不要使用引号。如果您用引号包围数值，该值会被作为文本来处理。*/
      var pi=3.14;
      var name="Bill Gates";
      var answer='Yes I am!';

      //JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型
      var m         //m为undefined
      var m=6;      //m位数字
      var m="Bill"  //x为字符串

      //可以在字符串中使用引号，只要不匹配包围字符串的引号即可
      var answer="Nice to meet you!";
      var answer="He is called 'Bill'";
      var answer='He is called "Bill"';

      //JavaScript 只有一种数字类型。数字可以带小数点，也可以不带
      var x1=34.00;      //使用小数点来写
      var x2=34;         //不使用小数点来写
      var y3=123e5;      // 12300000
      var z3=123e-5;     // 0.00123

      //布尔（逻辑）只能有两个值：true 或 false
      var x=true
      var y=false

      //JavaScript 数组
      //方法一
      var cars=new Array();
      cars[0]="Audi";
      cars[1]="BMW";
      cars[2]="Volvo";
      //方法二
      var cars=new Array("Audi","BMW","Volvo");
      //方法三
      var cars=["Audi","BMW","Volvo"];

      //JavaScript对象
      //对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。
      //方法一
      var person={firstname:"Bill", lastname:"Gates", id:5566};
      //方法二
      var person={
      firstname : "Bill",
      lastname  : "Gates",
      id        :  5566
      };

      //对象属性有两种寻址方式
      name=person.lastname;
      name=person["lastname"];

      //声明变量类型
      //当声明新变量时，可以使用关键词 "new" 来声明其类型
      var carname=new String;
      var x=      new Number;
      var y=      new Boolean;
      var cars=   new Array;
      var person= new Object;

</script>

<script type="text/javascript">
	//创建自己的对象
	person=new Object();
    person.firstname="Bill";
    person.lastname="Gates";
    person.age=56;
    person.eyecolor="blue";

    
</script>



</body>
</html>

6．JavaScript对象

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。

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

属性和方法

属性是与对象相关的值。

方法是能够在对象上执行的动作。

创建自己的对象

访问对象属性的语法是：

objectName.propertyName

调用对象方法的语法是：

objectName.methodName()

yaoyaoyao2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习记录(二)

JavaScript学习记录(二)主要内容：输出、语句、变量、数据类型、对象以下学习内容参考w3school官网学习资料 JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。分号 ;分号用于分隔 JavaScript 语句。通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处
复制链接

扫一扫