javascript的三种引入方式

javascript有三种引入方式：

1、行内引入:

<开始标签 on+事件类型=“js代码”></结束标签>

行内引入方式必须结合事件来使用，但是内部js和外部js可以不结合事件

<body>
<input type="button" οnclick="alert('行内引入')" value="button" name="button">
<button οnclick="alert(123)">点击我</button>
</body>

2、内部引入：

在head或body中，定义script标签，然后在script标签里面写js代码

Js代码

</script>

    <script>alert("这是js的内部引入");</script>

3、外部引入：

定义外部js文件(.js结尾的文件)

<scripttype="text/javascript" src="demo.js"></script>

注:

1. script标签一般定义在head或body中

2. Script标签要单独使用，要么引入外部js，要么定义内部js，不要混搭使用

外部的JS文件，它具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展、复用性高等特点

新建外部的js文件demo.js文件

alert("外部引入")

在head或者body中，添加以下代码

  <script  type="text/javascript" src="js/demo.js"></script>

javascript的三种引入方式相关推荐

CSS3基础(基础认知,选择器,字体属性,文本属性,CSS 的三种引入方式)
CSS3基础 1. 基础认知 1.1 CSS 简介 CSS 的使用场景是什么? 美化网页,布局页面 CSS 的中文名称是什么? 层叠/级联样式表(Cascading Style Sheets) CSS ...
006 CSS三种引入方式
CSS三种引入方式一.三种方式的书写规范 1.行间式 <div style="width: 100px; height: 100px; background-color: red&q ...
简述css样式的三种引入html的方式,css-1,css的三种引入方式基本选择器
css三种引入方式和四种基本选择器 /*内接样式*/ /*1 选择器选中的是 '共性'*/span{color:green;font-size:30px; } /*组合选择器*/ul,ol{lis ...
css三种引入方式以及其优先级的说法
css 三种引入方式方式一:行间式 1.在标签头部的style属性内 2.属性值满足css语法 3.属性值用key:value形式赋值,value具有单位 4.属性值之间用分号 : ...
css的三种引入方式
css三中引入方式: 行间样式>内部样式=外部样式(内部样式和外部样式优先级相同,文档后面的会覆盖前面的) <!DOCTYPE html> <html> <head ...
CSS的三种引入方式：外部样式、内部样式和行内样式
CSS的三种引入方式:外部样式.内部样式和行内样式外部样式链接式:link标签导入式:@import 链接式与导入式的区别内部样式行内样式样式优先级外部样式即CSS代码保存在外部,HT ...
css三种引入方式与标签选择器
目录 css三种引入方式选择器标签选择器: class选择器: id选择器: 后代选择器: 子代选择器: 组合选择器: 通配符选择器: css三种引入方式 1.行间样式:权重最高1000,在标签的 ...
CSS的三种引入方式与JS的三种引入方式
CSS的三种引入方式前端三剑客分为html,css,js, html作为骨架,楼体是观看者看到的第一元素,而css和js是美化并增加功能的肉体羽毛或者楼体工装,肉体羽毛需要安装到骨架上,才能使整体完 ...
css样式三种引入方式选择器常用属性：背景属性字体属性边框属性内间距外间距盒子模型
一.CSS简介 1.什么是css 重叠样式表主要是负责标签的样式美化页面一个网页分三大部分结构层: 主要由html负责负责页面的结构表现层: 主要由css负责页面的展示样式美化页面行 ...

javascript的三种引入方式

javascript的三种引入方式相关推荐

最新文章

热门文章