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

随机推荐

Linux主机SSH免密设置解析
为了保证一台Linux主机的安全,所以我们每个主机登录的时候一般我们都设置账号密码登录.但是很多时候为了操作方便,我们都通过设置SSH免密码登录.那么该如何设置?是不是免密码登录就不安全了呢? 一.被 ...
Android破解学习之路（四）——Android游戏 3D摩托飞车破解
经过前面三期的破解,想必大家已经非常熟悉破解的流程,这一篇也算是练手项目,我们继续来练习吧 apk下载地址:链接: https://pan.baidu.com/s/1sl3b3R3 密码: 6666 ...
iOS App3D Touch快捷键的静态以及动态设置详细使用
1. 功能支持 3D-Touch 只在 iOS 9 及以上版本得到支持,之前版本的 iOS 并不支持该功能:3D-Touch 只在 iPhone 6s 及以后型号的 iPhone 或 iPad Pro ...
React:入门计数器
---恢复内容开始--- 把React的官网入门例子全看一遍,理解了,但自己从头开始写有点困难,这次强迫自己从头开始写,并写好注释: import React, { Component } from ...
Tableau Desktop 10.4.2 的安装和激活
在安装之前,首先我们要弄清楚Tableau是个什么鬼东西,我们为什么需要安装这款软件? Tableau将数据运算与美观的图表完美地嫁接在一起.它的程序很容易上手,各公司可以用它将大量数据拖放到数字&q ...
Xamarin Android自定义文本框
xamarin android 自定义文本框简单的用法关键点在于,监听EditText的内容变化,不同于java中文本内容变化去调用EditText.addTextChangedListener(m ...
chattr 命令详解
chattr 作用: 改变文件属性,这项指令可改变存放在ext2文件系统上的文件或目录属性,这些属性共有一下8种模式模式: a: 让文件或目录仅供附加用途 b: 不更新文件或目录的最后存取时间 ...
Jmeter中java.net.URISyntaxException错误
今天在做服务发布性能测试的时候,傻傻的犯了个错,没有对参数进行仔细的检查,直接从fiddler中copy到jmeter中了,业务流程配置好后执行测试报错... jmeter中的响应结果如下: java ...
尤克里里 ukulele 单板非kaka tom uma
本店冲人气优惠,不搞倒闭之类的事 23寸尤克里里单板单板单板彩贝镶边演出大气单板单板单板彩贝镶边演出大气单板单板单板彩贝镶边演出大气配件选购40元全套(加棉琴包.金属变调夹. ...
深入理解 React JS 中的 setState
此文主要探讨了 React JS 中的 setState 背后的机制,供深入学习 React 研究之用. 在课程 React.js入门基础与案例开发中,有些同学会发现 React JS 中的 set ...

【JavaScript的引入方式】