JavaScript——引入方式

JavaScript引入方式

      • 1、编写一个简单网页
      • 2、将JavaScript嵌入到HTML中
      • 3、JavaScript引入方式
        • 1、嵌入式
        • 2、外链式
        • 3、行内式

1、编写一个简单网页

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网页标题title>
	head>
	<body>
		网页内容
	body>
html>

运行效果:
JavaScript——引入方式_第1张图片

2、将JavaScript嵌入到HTML中

DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网页标题title>
		<script >
			alert('弹框显示:第一个JavaScript程序')
		script>
	head>
	<body>
	body>
html>

运行效果:
JavaScript——引入方式_第2张图片

3、JavaScript引入方式

1、嵌入式

<script >
	JavaScript语句;
script>
<script type="text/javascript">
	JavaScript语句;
script>

在HTML5中两种意思一致,第一种只是省略了type="text/javascript"属性。

2、外链式

外链式是将JavaScript的代码保存到一个以.js为后缀的文件中,然后通过引入文件实现功能调用。

<script src="这里是相关JavaScript的文件路径">script>

3、行内式

行内式1

<a href="javascript:alert('Hello')">点击触发效果a>

运行效果:
JavaScript——引入方式_第3张图片
JavaScript——引入方式_第4张图片
行内式2

<input type="button" onclick="alert('Hello');" value="test" />

运行效果:
JavaScript——引入方式_第5张图片

你可能感兴趣的:(JavaScript,javascript)