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

随机推荐

MVC5 网站开发之七用户功能 2 用户添加和浏览
目录 MVC5网站开发之一总体概述 MVC5 网站开发之二创建项目 MVC5 网站开发之三数据存储层功能实现 MVC5 网站开发之四业务逻辑层的架构和基本功能 MVC5 网站开发之五展示层架 ...
C&num; 高效编程笔记1
C# 高效编程笔记1 1.使用属性而不是可访问的数据成员 (1).NET Framework中的数据绑定类仅支持属性,而不支持共有数据成员 (2)属性相比数据成员更容易修改 2.用运行时常量(read ...
xpath tutorial
http://www.cnblogs.com/yukaizhao/archive/2011/07/25/xpath.html http://www.w3schools.com/xpath/defaul ...
poj 1733
这题离散化+并查集,没看出关dp什么事.(那他为什么放到dp里面) 用Si记录前i项的和.拆成两个点,i*2表示与第i个相同,i*2+1表示与第i个不同.用并查集判断.区间[a,b]就可以看成Sb-S ...
转载　浅谈C/C++中的static和extern关键字
浅谈C/C++中的static和extern关键字 2011-04-21 16:57 海子博客园字号:T | T static是C++中常用的修饰符,它被用来控制变量的存贮方式和可见性.ext ...
ylbtech-dbs&colon;ylbtech-4,PurpleHouse(房地产楼盘销售系统)
ylbtech-dbs:ylbtech-4,PurpleHouse(房地产楼盘销售系统) -- =============================================-- Crea ...
跑openstack命令错误【You must provide a username via either -&period;&period;&period;】
openstack设置环境,openstack该服务已经启动.当运行openstack当一个命令,如nova service list例如,下面的错误信息 You must provide a use ...
html dom模型一
DOM 节点包含的节点内容: 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点 ...
【技术分享】BurpSuite 代理设置的小技巧
作者:三思之旅预估稿费:300RMB 投稿方式:发送邮件至linwei#360.cn,或登陆网页版在线投稿在Web渗透测试过程中,BurpSuite是不可或缺的神器之一.BurpSuite的核心是 ...
（二）JavaScript 输出
avaScript 没有任何打印或者输出的函数. JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框. 使用 docu ...