JS的应用（如：JS特点、警告框，向页面输出内容、在控制台输出内容、标识符）

最新推荐文章于 2024-06-20 21:50:32 发布

礼礼。

最新推荐文章于 2024-06-20 21:50:32 发布

阅读量1.1k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/weixin_45736311/article/details/115281276

版权

js 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

JavaScript由ECMAScriptpt、DOM、BOM组成

JS的特点

1.解释型语言
//不用编译，写完直接运行；
2.类似于C和Java的语法结构
3.动态语言
//表示变量的值比较任意，可保存任意类型的数据；
4.基于原型的面向对象
5.JS中严格区分大小写

编写代码的位置

1.弹出一个警告框在这里插入图片描述
2.向页面中输出内容

3.在控制台中输出内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--JS代码需要编写到Script标签中-->
		<script type="text/javascript">
			
			/*
			 * 1.
			 * 控制浏览器，弹出一个警告框
			alert("这是我的第一个代码");
			*/
			
			/*
			 * 2.
			 *让计算机在页面中输出一个内容 
			document.write("礼礼真帅！")/*文档，一个网页就是一个文档, write 向文档里写入内容，事实上是给<body>中写入了内容*
			 */
			
			/*
			 * 3.
			 * 向控制台console输出一个内容
			 	console.log(" 该内容会显示在控制台上");
			 */
			
			//JS语言是按照从上到下的顺序一行一行的执行，所以这三行代码会依次出现
			alert("这是我的第一个代码");
			document.write("礼礼真帅！")
			console.log(" 该内容会显示在控制台上");
			 
		</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

2. 在这里插入图片描述

3. 在这里插入图片描述
4.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		
	<!--3.	可以经js代码写入到script标签中
		<script type="text/javascript">
			alert(".................")
		</script>
		-->
		
		<!-- 4.可以将JS代码编写到外部JS文件里.一旦引用外部标签，就不能执行内部代码，除非另创标签-->
	    <!--type默认的；src指向外部的JS文件-->
		<!--<script type="text/javascript" src="js/07script.js"></script> -->
		
	</head>
	<body>
		
		<!--  1.可以将js代码编写到标签的onclick属性中
			当我们点击按钮时，代码才会执行
			但是都不推荐使用，可以写到<script>
		-->
		<!--<button onclick="alert('点我干嘛~~~~~');" >点我一下</button>-->
		
		<!--  2.可以将js代码编写到超链接的href属性中
			点击超链接时，代码才会执行
			-->
		<!--<a href="javascript:alert('让你点，你就点')">你也点我一下</a>-->
	</body>
</html>

方法4的外部JS部分：
alert("我是外部JS中的代码");

字面量和变量
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			/*
			 什么叫做字面量?
			 就是一些不可改变的值，可以直接使用的值，但是一般不会直接使用。
			 什么叫变量？
			 可以用来保存字面量，可以任意改变的值，更加方便使用
			 */
			
			//声明变量
			//在js中使用var关键字来声明一个变量
			
		    /*	var a;//声明一个变量a
			a=123;//为变量赋值
		    */
		   
		    var b = 789; //声明和赋值同时进行
		    console.log(b);//输出b的值
			
		</script>
	</head>
	<body>
	</body>
</html>

标识符

/*
			 什么是标识符？
			 JS中所有可由我们自己命名的都可称为是标识符,eg:变量名，函数名，属性名，
			 一般采用驼峰命名法
			 但是不可以出现@#
			 不能以数字开头
			 不可以是ES中的关键字或保留字
			 */

在这里插入图片描述
字符串

注意：加“”表示字符串，不加“”表示变量
	  单双引号可结合使用
      字符串需要用引号
      可以使用 \ 作为转义字符，比如:
      \" 表示 "
      \'表示 '
      \\表示\
      \\\\\表示\\
      \\\\\\\表示\\\
      \n表示 换行
      \t表示 空格 制表符

      str = "我说：\“今天天气挺不错的！\” ";
      就相当于
      str = '我说："今天天气挺不错的！\" ';

<script type="text/javascript">
			/*
			 * 六中数据类型：
			 * String字符串
			 * Number 数值
			 * Boolean 布尔值  ture false,不加引号
			 * Null 空值
			 * Undefine  未定义
			 * object 对象  上五个是基本数据类型，这一个是引用数据类型

			 /*声明、赋值、输出、输出类型
			var str="Hello";
			console.log(str);
			console.log(typeof str);//检查Hello的数据类型
			console.log(Number.MAX_VALUE);//输出数字的最大值
			*/

			/*
			如何转换数据类型？
			//null和undefined这两个值没有tostring()方法
			将a的数据类型number转换成字符串string类型
		    var a = 123;
		    var b = a.tostring();//把123转换成string类型，然后赋值给b，输出即可
		    console.log(tyeof b);
		    console.log(b);
			*/

		</script>
	</head>