JavaScript 基础

正在努力...

已于 2022-06-13 15:43:36 修改

阅读量112

点赞数 2

分类专栏： JavaScript 文章标签： javascript 前端开发语言

于 2022-06-11 17:29:22 首次发布

本文链接：https://blog.csdn.net/weixin_58830590/article/details/125235426

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

一：JavaScript 基础

1.JavaScript几个基本特点

1.脚本编写语言 
2.基于对象的语言 
3.安全性 
4.动态性 
5.跨平台性

2.JavaScript的组成

在这里插入图片描述 ECMAScript，描述了该语言的语法和基本对象
文档对象模型（DOM），描述处理网页内容的方法和接口
浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口

3.JavaScript的三种书写样式

1.内部样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内部样式</title>
		<script>
		    alert("Hello JavaScript")
		</script>
	</head>
	<body>
	</body>
</html>

2.外部样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>
<script src="hello.js"></script>

3.内嵌样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内嵌样式</title>
	</head>
	<body>
		<!-- 通过onclick来调用 -->
		<div onclick="alert('我被点击了^_^')">div标签</div>
	</body>
</html>

4.JavaScript注释

//单行注释
/*多行注释*/

提示:
过多的JavaScript注释会降低JavaScript的执行速度与加载速度，因此应在发布网站时，去掉JavaScript注释。
注释块（/* … */）中不能有(/或/，JavaScript正则表达式中可能产生这种代码)，这样会产生语法错误，因此建议使用//做为注释代码，

5.JavaScript常用语句

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#box{width:100px; height:100px; background-color:red;}
		</style>
	</head>
	<body>
		<script>
			//01 alert() 警示框
			window.alert("浏览器弹出警示框")
			//02 prompt() 提示框
			window.prompt("请输入年龄",18)
			//03 console.log()输入框
			 console.log('程序员可以看到');
		</script>
	</body>
</html>