JavaScript——我的第一个JavaScript程序以及JS的引入方式
初识JavaScript
JavaScript(简称JS)是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的
我的第一个JS程序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--<script>标签内写JS代码,<script>标签必须成对出现,可以写在<head>或者<body>标签内 -->
<script>
alert('点我试试看');//alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
</script>
</head>
<body>
</body>
</html>
JS的引入方式
外部引入方式
(新建一个js文件,里面写js代码,然后引用)
- head标签内引用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</head>
<body>
</body>
</html>
- body标签内引用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
<script type="text/javascript" src="example1.js"></script>
<script type="text/javascript" src="example2.js"></script>
</body>
</html>
嵌入式
<script type="text/javascript">
function sayHello(){
alert("Hello!");
}
</script>
内部引用方式
<script>
alert('点我试试看');
</script>
<!--可以写在<head>或者<body>标签内 -->
行内引用
<开始标签 on+事件类型=“js代码”></结束标签>
行内引入方式必须结合事件来使用,但是内部js和外部js可以不结合事件
<body>
<input type="button" οnclick="alert('行内引入')" value="button" name="button">
<button οnclick="alert(123)">点击我</button>
</body>