JavaScript简介

最新推荐文章于 2024-08-06 12:58:11 发布

mmm要努力做码农！

最新推荐文章于 2024-08-06 12:58:11 发布

阅读量180

点赞数

分类专栏： JavaScript学习文章标签： js javascript html

本文链接：https://blog.csdn.net/dfg98/article/details/111937386

版权

JavaScript学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

JavaScript（简称JS）是一种嵌入到HTML中的编程语言，它控制着网页的行为。

1. JavaScript与Java的关系

（1）JavaScript主要应用于网页，而Java可在更多的领域内使用，如软件、网页、APP等。
（2）本质上，Java是面向对象的语言，而JavaScript更像是一门函数式编程语言。

2.JavaScript引入方式

(1)外部JavaScript

是指把HTML代码和JavaScript单独放在不同的文件中，然后再HTML文档中使用“script标签”来引入js代码，有利于提升网站的性能和可维护性。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<!--在head中引入-->
		<script src="index.js"></script>
		
	</head>
	<body>
		
		<!--在body中引入-->
		<script src="index.js"></script>
		
	</body>
</html>

注意：对于CSS来说，外部CSS文件只能在head中引入，而对于JS来说，外部JS文件既可在head中引用，又可在body中引用。

(2)内部JavaScript

指的是把HTML代码和JavaScript代码**放在同一个文件中**。其中JavaScript代码写在<script></script>标签对内。

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    
    <!--在head中引入-->
    <script>
        ……
    </script>
    
</head>
<body>

    <!--在body中引入-->
    <script>
        ……
    </script>
    
</body>
</html>

内部JS文件一般在head中引用，当然在body中也可引用。

(3)元素属性JavaScript

即在元素的事件属性中直接编写JS或调用函数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<script>
			function alert_test1()
			{
				alert("JavaScript的引入方式");
			}
		</script>
		
	</head>
	<body>
		<input type="button" value="搜索" onclick="alert_test1()"/>
	</body>
</html>

说明：alert()表示通过点击一个按钮然后弹出一个对话框。

以上学习参考绿叶学习网

mmm要努力做码农！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript简介

JavaScript（简称JS）是一种嵌入到HTML中的编程语言**，它控制着网页的行为。**1. JavaScript与Java的关系（1）JavaScript主要应用于网页，而Java可在更多的领域内使用，如软件、网页、APP等。（2）本质上，Java是面向对象的语言，而JavaScript更像是一门函数式编程语言。2.JavaScript引入方式(1)外部JavaScript是指把HTML代码和JavaScript单独放在不同的文件中，然后再HTML文档中使用“script标签”来引入js
复制链接

扫一扫