JavaScript嵌入HTML文档

最新推荐文章于 2024-07-31 11:05:25 发布

混吃混喝的废物

最新推荐文章于 2024-07-31 11:05:25 发布

阅读量1.4k

点赞数

分类专栏： JavaScript HTML 文章标签： JavaScript嵌入HTML文档

本文链接：https://blog.csdn.net/qq_37196494/article/details/99224743

版权

JavaScript 同时被 2 个专栏收录

34 篇文章 1 订阅

订阅专栏

HTML

10 篇文章 1 订阅

订阅专栏

JavaScript代码要嵌入HTML中使用，从而实现Web网页的交互能力。在HTML文档中嵌入JavaScript代码主要有两种方法：

第一种方法：将JavaScript代码直接编写在<script></script>标签中间

<!DOCTYPE html>
<html>
<head>
	<title>JavaScript</title>
	<script type="text/javascript">
	var xx=0,yy=0;
	function a(v)
	{xx=event.x-v.offsetLeft;yy=event.y-v.offsetLeft;}
	function b(v)
	{v.style.left=event.x-xx;v.style.left=event.y-yy;}
	</script>
</head>
<body>
<img src="3.jpg" style="position: absolute;" ondragstart="a(this);"ondrag="b(this);">
</body>
</html>

第二种方法：将JavaScript代码放入一个单独的文件中，然后在HTML文档中引用该文件。基于模块化的考虑，可在一个外部文件中直接编辑JavaScript代码，不必加<script>标签。将这个文件以".js"为扩展名命名，然后将该文件的url地址设置为<script>标签的src属性值，就可引入JavaScript代码

<!DOCTYPE html>
<html>
<head>
	<title>JavaScript</title>
	<script type="text/javascript" src="b.js"></script>
</head>
<body>
<img src="3.jpg" style="position: absolute;" ondragstart="a(this);" ondrag="b(this);">
</body>
</html>