美文网首页
如何在HTML中嵌入JavaScript脚本

如何在HTML中嵌入JavaScript脚本

作者: Doris_LJ | 来源:发表于2018-03-11 14:06 被阅读26次

JavaScript必须嵌入到HTML文档,才能被浏览器解释和执行。

JavaScript嵌入到HTML文档中有三种标准方法

1.通过<script>标签嵌入
通过<script>标签嵌入到JavaScript代码中时,必须将代码放在
<script type="text/javascript"> 和 </script> 标记对之间。
浏览器载入HTML文档时,会识别<script>标签,执行其中的JavaScript代码,并将结果返回,显示在浏览器窗口。


2.引入外部脚本
当网页功能比较复杂,或者通用代码较多时,直接在<script>标签中嵌入JavaScript代码会使网页杂乱而不易管理。这时候可以将JavaScript代码单独保存在一个文件中,使用时再嵌入到HTML文档中。

引入网站根目录下的 demo.js 文件:

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

引入上级目录中 script 目录下的 demo.js 文件:

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

引入百度的 JavaScript文件:

<script type="text/javascript" src="http://www.baidu.com/script/demo.js"></script>

3.在HTML属性中直接嵌入
HTML属性中直接嵌入JavaScript代码主要针对JavaScript事件。JavaScript事件指用户对网页进行操作时,网页做出相应的响应。

<script> 标签嵌入的脚本和外部引入的脚本可以放在 <head> 标签和 <body> 标签的任意位置。

相关文章

  • JavaScript 入门(一、JavaScript变量运算符)

    网页中插入JavaScript脚本的方法 使用 标记将脚本嵌入到网页中(嵌入式) 直接将脚本嵌入到HTML标记的事...

  • 如何在HTML中嵌入JavaScript脚本

    JavaScript必须嵌入到HTML文档,才能被浏览器解释和执行。 将JavaScript嵌入到HTML文档中有...

  • Javascript概述

    JavaScript简介: JavaScript简称js,可以嵌入到html中,是基于对象和事件驱动的脚本语言。 ...

  • JS高程系列笔记--脚本引入及其位置

    向HTML页面中插入JavaScript脚本的主要方法有三种:页面嵌入 标签内联页面嵌入 标签外联直接在HTML元...

  • 在HTML中嵌入JavaScript脚本

    JavaScript 是一种嵌入到 HTML 文档的脚本语言,由浏览器解释和执行,无需编译。 将 JavaScri...

  • JS

    1.什么是javaScript【简称JS】。 JS是 (1).嵌入在HTML标签中 是脚本语言 (什么是脚本语言呢...

  • 一、JavasScript基础

    web开发者必须掌握:HTML、CSS、JavaScript。1、在网页中嵌入脚本的方法。 1.1 如果网页上js...

  • JavaScript基础语法学习笔记

    1. JavaScript用法 html中的javascript脚本必须放在 之间. 脚本可以被放置在html页...

  • JS权威指南读书笔记(四)

    第十三章 Web浏览器中的JavaScript 在HTML里嵌入JavaScript 在HTML文档里嵌入客户端J...

  • Javascript

    JavaScript是什么? JavaScript主要用于HTML的页面,嵌入在HTML的源码中。JavaScri...

网友评论

      本文标题:如何在HTML中嵌入JavaScript脚本

      本文链接:https://www.haomeiwen.com/subject/ukxwfftx.html