javascript：

　 是基于对象和事件驱动的客户端脚本
【组成】
　　Bom：浏览对象模型（与浏览器交互的方法和接口）
　　Dom:文档对象模型（处理网页内容的方法和接口）
　　ecma：核心(描述了js的语法和基本对象)

总结下，常用的一下几种方式引入js代码：

1、页头引入（head标签内）；

2、页中引入（body标签内）；

3、元素事件中引入（标签属性中引入）；

4、引入外部JS文件；

一、页头引入JS

在页头引入JS，指的就是在<head></head>标签内编写JavaScript。

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

     <script type="text/javascript">

         //这里编写JavaScript程序

     </script>

 </head>

 <body>

 </body>

 </html>

说明：

二、页中引入JS

在页中引入JS，指的就是在<body></body>标签内编写JavaScript。

 <!DOCTYPE html>

 <html>

 <head>

     <title></title>

 </head>

 <body>

     <script type="text/javascript">

         //这里编写JavaScript程序

     </script>

 </body>

 </html>

三、元素事件中引入JS

在元素事件中引入JS，就是指在元素的某一个属性中直接编写JavaScript程序或调用，这个属性指的是元素的“事件属性”。

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title></title>

 </head>

 <body>

     <input type="button" onClick="alert('绿叶学习网')" value="按钮"/>

 </body>

 </html>

四、引入外部JS文件

引入外部JS文件，说白了就是把JavaScript程序存放在一个后缀名为.js的文件中，然后使用script标签来引用。此外，引用外部JS文件的script标签可以放在head标签内，也可以放在body标签中。一般只有用些插件写在head内，大多数是写在body内最下面，因为在加载页面时css和html是先加载的。

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

如果浏览器不支持Js，可以使用<noscript></noscript>标签，显示noscript中的内容

这就是一些常用的js引入方式咯~~~~

【JavaScript的引入方式】的更多相关文章

JavaScript 基础(一) - JavaScript的引入方式，JavaScript 变量命名规则，JS 的五种基本数据类型，ECMAScript 算数运算符，逻辑运算符
JavaScript的引入方式直接编写 <!DOCTYPE html> <html lang="en"> <head> <meta ch ...
web前端（13）—— 了解JavaScript，JavaScript的引入方式
从本篇博文开始,将进入web前端方便最关键最重要的部分——javascript,学到后面你就知道它真的太重要了什么是JavaScript JavaScript一种直译式的脚本语言,是一种动态类型.弱 ...
JavaScript文件引入方式区别
1.JavaScript文件引入方式 (1)正常引入 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js&quo ...
[javascript svg fill stroke stroke-width circle 属性讲解] svg fill stroke stroke-width circle 属性绘制圆形及引入方式讲解
<!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title ...
JavaScript发展史，与JScript差别，引入方式，数据类型，命名规范，命名推荐，解决命名冲突
文件夹: 1.JavaScript发展史 2.JavaScript与JScript差别 3.JavaScript引入方式 4.JavaScript基本数据类型及布尔值 5.JavaScript命名规范 ...
JavaScript 引入方式语言规范语言基础数据类型常用方法数组 if_else 比较运算符 for while 函数函数的全局变量和局部变量 {Javascript学习}
Javascript学习 JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript ...
【JavaScript】内部与外部引入方式
1.内部引入方式: script的type属性默认为"text/javascript",可以不写 <script type="text/javascript&quo ...
Python--前端基础之JavaScript（JS的引入方式，JS的变量、常量和标识符，JS的数据类型，运算符，流程控制，JavaScript的对象）
JavaScript介绍 JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互. JavaScript是浏览器解释执行的,前端脚 ...
Javascript用途,语法特点，难点，调试工具，引入方式，命名规范，变量声明及赋值，数据类型，运算符
JavaScript用来干什么数据的验证将动态的内容写入到网页当中(ajax) 对事件做出相应读写html当中的内容检测浏览器创建cookies 模拟动画语法特点基于对象和事件驱动的松散 ...

随机推荐

【功能代码】---5 JS通过事件隐藏显示元素
JS通过事件隐藏显示元素在开发中,很多时候我们需要点击事件,才显示隐藏元素.那如何做到页面刚开始就把标签隐藏. 有两种方法: (1) display:none <div id=" ...
解决iOS手势冲突问题
今天在做一个效果的时候,由于子视图和父视图都有响应的事件,子视图的事件理所当然被父视图拦截掉了,接下来就做分析解决 1. tableviewcell可以触发点击,同时tableview的父视图有点击 ...
对Java中多态，封装，继承的认识（重要）
一.Java面向对象编程有三大特性:封装,继承,多态在了解多态之前我觉得应该先了解一下 ...
伪列：Oracle显示查询结果前几条记录用rownum<=。去掉重复记录，保留最早录入记录：取出最小ROWID
显示6-10行记录: 去掉重复记录,保留最早录入记录:取出最小ROWID SELECT deptno,dname,loc,min(ROWID) FROM dept GROUP BY deptno,dn ...
【java设计模式】【创建模式Creational Pattern】抽象工厂模式Abstract Factory Pattern
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW0AAABvCAIAAACo3AbKAAALvUlEQVR4nO1dUa7cOA7U/c+zwJxkf4
动态WebApi
动态WebApi实现了直接对Service的调用,其实没有跨过ApiController,只是我们自己创建出ApiController 实现主要分以下几步一对默认WebApi服务的替换 ApiGl ...
Cookie的简单用法
ASP.NET初学者使用cookie的时候会感觉很陌生,在学习的过程中掌握cookie对象的增删改查非常有必要,,下面是我学习的时候经常用到的这些方法写入和读取Cookie都需要用户Respone对 ...
BZOJ 4816 数字表格
首先是惯例的吐槽.SDOI题目名称是一个循环,题目内容也是一个循环,基本上过几年就把之前的题目换成另一个名字出出来,喜大普奔亦可赛艇.学长说考SDOI可以考出联赛分数,%%%. 下面放解题报告.并不喜 ...
前端MVC Vue2学习总结（五）——表单输入绑定、组件
一.表单输入绑定 1.1.基础用法你可以用 v-model 指令在表单控件元素上创建双向数据绑定.它会根据控件类型自动选取正确的方法来更新元素.尽管有些神奇,但 v-model 本质上不过是语法糖, ...
ArcGIS API for Javascript 加载天地图（经纬度投影）
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...

【JavaScript的引入方式】