分享
是一种美德

JavaScript基础到入门练习004-JS初体验

JS代码书写位置有三种:行内、内嵌、外部。

1、行内js

<!-- 1、行内js代码 直接写在元素内部-->
<input type="button" value="问候" onclick="alert('hello world!')">

(1)适用于单行或者少量的js代码写在HTML标签的事件属性中(on开头):例如:onclick

(2)注意单双引号使用,HTML推荐使用双引号,JS中推荐使用单引号

(3)写在行内可读性差,引号易错,引号多层嵌套易混乱,仅推荐在特殊情况下使用。

2、内嵌js

<!-- 2、内嵌的js代码 -->
<script>
	alert('内嵌js!!');
</script>

(1)可以将多行的js代码写在javascript标签中,是我们常用的

3、外部js

<!-- 3、外部js javascript 栓标签 -->
<script src="./js/test001js初体验.js"></script>

(1)有利于HTML页面代码结构化,可以将大量的jd代码独立于HTML页面之外,既美观又可以实现文件的复用性。

(2)引用的外部js文件的javascript标签中不可以写代码的。

(3)适用于代码量比较大的情况下。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>js初体验</title>
<!-- 2、内嵌的js代码 -->
<!-- <script>
	alert('内嵌js!!');
</script> -->
<!-- 3、外部js javascript 栓标签 -->
<!-- <script src="./js/test001js初体验.js"></script> -->
</head>
<body>
	<!-- 1、行内js代码 直接写在元素内部-->
	<!-- <input type="button" value="问候" onclick="alert('hello world!')"> -->
</body>
</html>

下一篇学习js注释!

分享按钮
赞(1)
转载请注明来源地址:MN乐享 » JavaScript基础到入门练习004-JS初体验

评论 2

评论前必须登录!

 

  1. #-49

    自己支持一下

    wangtong7个月前 (03-25)