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 模拟动画语法特点基于对象和事件驱动的松散 ...

随机推荐

Aop介绍及几种实现方式
Aop介绍我们先看一下wiki百科的介绍 Traditional software development focuses on decomposing systems into ...
OC学习10——内存管理
1.对于面向对象的语言,程序需要不断地创建对象.这些对象都是保存在堆内存中,而我们的指针变量中保存的是这些对象在堆内存中的地址,当该对象使用结束之后,指针变量指向其他对象或者指向nil时,这个对象将称 ...
Effective Java 第三版——10. 重写equals方法时遵守通用约定
Tips <Effective Java, Third Edition>一书英文版已经出版,这本书的第二版想必很多人都读过,号称Java四大名著之一,不过第二版2009年出版,到现在已经将 ...
TensorFlow文档翻译-01-TensorFlow入门
版权声明:本文为博主原创文章,转载请指明转载地址 http://www.cnblogs.com/junyang/p/7429771.html TensorFlow入门英文原文地址:https://w ...
数据库SQL优化
1.对查询进行优化,要尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 2.应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索 ...
Java编程学习知识点分享入门必看
Java编程学习知识点分享入门必看阿尔法颜色组成(alpha color component):颜色组成用来描述颜色的透明度或不透明度.阿尔法组成越高,颜色越不透明. API:应用编程接口.针对软 ...
手机端rem如何适配_rem详解及使用方法2
作为一个前端开发人员,我们的任务是将UI设计师的图稿运用计算机语言呈现在用户面前.而现在的设备大小尺寸不一,近年来智能手机的普及更是让网页的用户大部分来源与手机,所以让不同大小的移动端屏幕都能较好的还 ...
PHP与REDIS
安装 1.一定要搞懂自己php的版本,和环境,今天试一上午,就是因为X86,而我的php环境是X64. 2. 将下载的php_redis.dll和php_igbinary.dll放在php扩展目录中( ...
hashlib 简单加密
import hashlib def md5(arg):#这是加密函数 md5_pwd = hashlib.md5(bytes('meac',encoding='utf-8')) md5_pwd.up ...
ntopng 推送solr
1.修改代码在且不说 2.修改完之后先卸载原先的ntopng 使用 whereis ntopng 找到安装目录,然后删除 /usr/local/bin/ntopng /usr/local/share/ ...

【JavaScript的引入方式】