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>

运行效果：

2、将JavaScript嵌入到HTML中

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

运行效果：

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>

运行效果：

行内式2

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

运行效果：

JavaScript——引入方式相关推荐

JavaScript简介及其引入方式
#博学谷IT学习技术支持# 目录 #博学谷IT学习技术支持# 1.JavaScript简介 2.JavaScript 引入方式 1内部脚本:将 JS代码定义在HTML页面中 2. 外部脚本:将 JS代 ...
web前端（13）—— 了解JavaScript，JavaScript的引入方式
从本篇博文开始,将进入web前端方便最关键最重要的部分--javascript,学到后面你就知道它真的太重要了什么是JavaScript JavaScript一种直译式的脚本语言,是一种动态类型.弱 ...
JavaScript的引入方式
javaScript 的几种引入方式: 通常大家最为熟悉和常见的是以下两种方法: 在页面中直接写入<script type="text/javascript">js代码 ...
Javascript - 1 引入方式，变量常量，数据类型，运算符，流程控制，数组，函数，对象，DOM
Javascipt:是一门弱类型的脚本语言,需要在网页上执行. html负责框架结构,css负责样式修饰,js负责行为交互,动态效果. 前端三大件:html,css,js. javascript 和 ...
【前端系列教程之JavaScript】01_JavaScript概述和引入方式
JavaScript概述 JavaScript可以做什么页面的各种动画效果页面的点击/移入响应对客户端数据进行验证各种页面小游戏用途总结嵌入动态文本于HTML页面. 对浏览器事件做出响应( ...
HTML引入CSS和JavaScript的方式
高速通道 HTML结合CSS 引入CSS之内联式引入CSS之嵌入式引入CSS之外部式三种方式的比较 HTML结合JavaScript 引入JavaScript之嵌入式引入JavaScript之 ...
javascript的三种引入方式
javascript有三种引入方式: 1.行内引入: <开始标签 on+事件类型="js代码"></结束标签> 行内引入方式必须结合事件来使用,但是内部js ...
JavaScript——JS的引入方式
文章目录 JavaScript--我的第一个JavaScript程序以及JS的引入方式初识JavaScript 我的第一个JS程序 JS的引入方式外部引入方式嵌入式内部引用方式行内引用 Ja ...
JS的三种引入方式[javaScript入门]
目录 1.行内引入方式 2.内嵌引入方式(内部引入) 3.外部引入方式 1.行内引入方式写在行内,每个标签里面单独设置 (1)写在标签的事件属性当中(以on开头的属性),如onclick[on+事件 ...

JavaScript——引入方式

JavaScript引入方式

1、编写一个简单网页

2、将JavaScript嵌入到HTML中

3、JavaScript引入方式

1、嵌入式

2、外链式

3、行内式

JavaScript——引入方式相关推荐

最新文章

热门文章