web_day03_JavaScript介绍

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35537301/article/details/82892888

js介绍

概述

一种直译式并且广泛应用于客户端的脚本语言

作用

可以为html增加动态效果

特点

  1. 直译式
  2. 弱类型
  3. 跨平台性

js的组成

  • ECMAScript(语法)
    • 脚本语言的规范
  • BOM(浏览器对象模型)
    • 通过BOM对象可以操作浏览器
  • DOM(文档对象模型)
    • 通过DOM对象可以修改和访问html文档的内容跟结构

JavaScript的使用

1、html和js的整合

1.1 内嵌式

通过script标签来完成整合  一般情况下放到head标签中

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html和css整合方式1:内嵌式</title>
		<script type="text/javascript">
			//这里写JavaScript代码
			alert("内嵌式")
		</script>
	</head>
	<body>
	</body>
</html>

1.2 外联式

  • 在外部定义一个后缀名为.js的文件
  • 在内部通过script标签的src属性导入即可

JavaScript代码

alert("html和css整合方式2:外联式");

HTML代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>html和css整合方式2:外联式</title>
		<script type="text/javascript" src="js/01.js">
			alert("这里的js代码将不再执行");
		</script>
	</head>
	<body>
	</body>
</html>

注意

一旦使用了src属性,那么script标签体中的js代码将不再执行了

 

猜你喜欢

转载自blog.csdn.net/qq_35537301/article/details/82892888