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

随机推荐

小强的Hadoop学习之路
本人一直在做NET开发,接触这行有6年了吧.毕业也快四年了(6年是因为大学就开始在一家小公司做门户网站,哈哈哈),之前一直秉承着学要精,就一直一门心思的在做NET(也是懒吧).最近的工作一直都和大数据 ...
lua中怎么替换掉字符串中的$^特殊字符？
Lua 常规替换字符串如何替换 s = string.gsub("Lua is good", "good", "bad") print(s) ...
【CSS3】盒模型
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
Mysql 5.6到5.7的mysql.user改变
很久没配置mysql.昨天在centos服务器上装了个mysql,desc user的时候,找不到password column,看了官方API 才知道原来的password已经修改为authenti ...
9.11 test
题面.pdf T1:通过打表发现,从一个点出发只有距离为1,2,3,5,6,9,10,13,17的点才不能到达: 那么我们转移的时候只有距离在20以内才不一定能直接转移,那么我们离散化之后; 对于每一 ...
bzoj 1855: [Scoi2010]股票交易
Description 最近lxhgww又迷上了投资股票,通过一段时间的观察和学习,他总结出了股票行情的一些规律. 通过一段时间的观察,lxhgww预测到了未来T天内某只股票的走势,第i天的股票买入价 ...
Centos6.8防火墙配置
1.基本操作 # 查看防火墙状态 service iptables status # 停止防火墙 service iptables stop # 启动防火墙 service iptables star ...
Android中菜单图标等系统自带的图标
Android™ 2.1 android.R.drawable Icon Resources Android™ 1.5 android.R.drawable Icon Resources Androi ...
图片放大功能如何做？jquery实现
花了很长时间撸了个网站,观点,其中需要一个图片放大功能,网上找了半天发现都没有中意的,最后无奈之下自己写了一个,演示地址,演示图片: 自我感觉效果还不错,现在分享开来给大家看看,哪里不好还请多多指教, ...
robotframework的学习笔记（十四）------学习Robot Framework必须掌握的库—-BuiltIn库
作为一门表格语言,为了保持简单的结构,RF没有像别的高级语言那样提供类似if else while等内置关键字来实现各种逻辑功能,而是提供给了用户BuiltIn库.如果用户想在测试用例中实现比较复杂的 ...

【JavaScript的引入方式】