`
liyunqi
  • 浏览: 18590 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JavaScript学习系列之一:如何在HTML中使用JavaScript

阅读更多

一,了解<script>元素:

  在HTML中使用JavaScript就是在HTML页面中插入<script>元素,并在<script>和</script>之间插入完整的正确的JavaScript脚本。其中一个HTML文档可以插入任意多个<script>元素,而且一般在任意合理嵌套标签的位置都插入<script>元素。按照惯例,也便于统一规范,通常都推荐是在<head>元素中或者放在<body>元素中。

其中,<script>元素有5个属性:

1、type:必需,表示编写代码使用的脚本语言的内容类型(也称为MIME类型)。可选值有:text/javascript、text/ecmascript、application/x-javascript、application/javascript和application/ecmascript等。为了兼容性,此值最好使用text/javascript。

2、src:可选,用于引入外部的js脚本文件。

3、charset:可选,表示src属性指定的代码的字符集。但由于目前大部分的浏览器都忽略它的值,因为很少有人使用此属性。

4、defer:可选。表示是否加载完HTML文档才执行js脚本。由于HTML文档是自上向下解析文档的,所以也可以不指定此属性,将<script>元素放在页面的最底部,效果是完全一样的。另外,有的浏览器可能不支持此属性(IE6+和FF3+支持,其他浏览器可能会忽略此属性)。

5、language:已废弃,没有必要再用此属性了。

二、标准写法:

  由上面一得出的结论,在HTML中使用JavaScript的标准写法应该是:

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

 

<script type="text/javascript">
    //这里写入javascript脚本
</script>

 

分享到:
评论

相关推荐

    JavaScript学习基础学习心得

    浏览器是JavaScript运行的重要环境之一,了解其内部结构对于理解JavaScript的执行机制至关重要。 1. **Shell**:浏览器的用户界面部分。 2. **内核**: - **渲染引擎**:负责解析HTML和CSS,并将其渲染成可视化的...

    HTML,CSS,JavaScript学习

    HTML(HyperText Markup Language)是网页制作的基础,它...总之,HTML、CSS、JavaScript是构建Web应用的核心技术,掌握它们是开启互联网开发之门的第一步。不断学习和实践,你将能够创建出更具吸引力和功能性的网页。

    JavaScript内核系列 pdf

    它是Web开发中的三大核心技术之一,与HTML和CSS共同构建了互联网的基石。 二、JavaScript语法基础 JavaScript语法基于ECMAScript规范,包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、对象、...

    JavaScript网页开发——体验式学习教程

    JavaScript,作为一种广泛应用于网页开发的脚本语言,是前端开发中的核心技术之一。张孝祥老师的“JavaScript网页开发——体验式学习教程”深入浅出地涵盖了JavaScript的基础与高级知识,旨在帮助学习者通过实践掌握...

    Html+Css+Javascript从入门到精通.pdf

    **第六章:在网页中使用链接** - **链接属性**:添加链接标题和目标窗口。 - **链接跳转**:实现页面间的导航。 **第七章:创建有声有色的网页** - **图片设置**:控制图像尺寸和位置。 - **图文混排**:实现图片...

    javascript学习资料

    在"javascript学习资料"这个压缩包中,可能包含了各种资源,如教程文档、实战项目、示例代码、在线课程链接等,这些都是深入理解和掌握JavaScript的宝贵资源。建议按照系统的学习路径,结合实际项目实践,逐步提升...

    Javascript学习总结

    ### JavaScript学习总结 #### 1. JavaScript概述 JavaScript是一种轻量级、解释型的编程语言,具有面向对象的特性。由于其与操作系统无关且依赖于JavaScript引擎,因此它能够跨平台运行。现代浏览器内置了...

    JavaScript.中文学习文档

    - **简单性**:JavaScript 作为一种脚本语言,无需编译,可以在浏览器中直接运行,使得开发过程更为简便。 - **动态性**:能够直接响应用户的输入和操作,无需服务器端处理,提高了用户体验。 - **跨平台性**:...

    Html+CSS +Javascript实现的一个很炫个人主页网页

    个人主页不仅能够展现个人的技能和品味,更是网络社交的重要工具之一。通过使用Html、CSS以及Javascript这三种核心技术,可以构建出一个极具个人特色的炫酷个人主页,而这样的技术实现,既需要网页设计师的创意灵感...

    JavaScript语言精粹完整版

    函数是JavaScript中最核心的概念之一,它们不仅能够执行一系列任务,还可以作为值进行传递和返回。JavaScript中的函数具有闭包的特性,这意味着函数可以访问并操作其外部作用域中的变量。 #### 对象 JavaScript中的...

    javascript学习资料(ppt+代码)

    在“javascript学习资料(ppt+代码)”这个压缩包中,我们可以期待找到一系列关于JavaScript的学习资源,包括PPT演示文稿和实际的代码示例。PPT通常会包含JavaScript的基础概念、语法特性、函数、对象、数组、循环、...

    javascript学习笔记

    只需要在`&lt;script&gt;`标签中使用`src`属性指定外部文件的路径即可。 #### JavaScript错误调试 调试JavaScript代码是开发过程中不可或缺的一部分,这可以通过浏览器自带的开发者工具进行,尤其是“控制台”功能,可以...

    史上最全的JavaScript学习资料

    这个压缩包中的“史上最全的JavaScript学习资料”显然包含了一系列丰富的资源,旨在帮助学习者深入理解和掌握JavaScript。 JavaScript最初由Netscape公司的Brendan Eich设计,目的是为了解决网页动态交互的问题,使...

    JavaScript:前端框架入门:React基础

    ### JavaScript:前端框架入门:React基础 #### 一、React简介与环境搭建 ##### 1. React的历史与特点 **1.1 React的历史** React是由Facebook开发并维护的一个用于构建用户界面的JavaScript库。它最初在2013年...

    网页制作之HTML+CSS+JAVAscript详细学习chm手册

    这本"网页制作之HTML+CSS+JAVAscript详细学习手册"应该会涵盖以下知识点: 1. HTML基础:包括HTML5的新特性,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;section&gt;`等语义化标签,以及如何创建表格、列表、链接、图像等基本元素。...

    北大青鸟html&&javascript教程

    在本教程中,你将学习到如何使用HTML元素来创建网页的基本框架,包括标题、段落、链接、图像、表格以及各种表单元素。此外,还将深入理解语义化标签的重要性,以及如何通过HTML5的新特性提升网页的交互性和可用性。 ...

    深入理解JavaScript系列

    《深入理解JavaScript系列》是汤姆大叔精心编写的关于...通过学习《深入理解JavaScript系列》,无论是新手还是经验丰富的开发者,都能进一步提升对JavaScript的理解,掌握其精髓,从而在实际项目中发挥出更大的效能。

    html+css+javascript

    在IT行业中,前端开发是构建互联网应用不可或缺的一部分,而HTML、CSS和JavaScript是构成大前端领域的三大基础技术。本文将详细探讨这三者的核心概念、相互关系及其在实际开发中的应用。 HTML(HyperText Markup ...

    JavaScript案例(简单易懂:注释非常全面)

    函数编程是JavaScript的核心特性之一,案例中可能包含函数定义、参数传递、闭包、高阶函数等内容,这些都是编写可复用和模块化代码的基础。此外,面向对象编程(OOP)在JavaScript中也有所体现,例如构造函数、原型...

Global site tag (gtag.js) - Google Analytics