在html中使用javascript注意事项

把javascript插入到html页面中要使用<script>元素。使用这个元素可以把javascript嵌入到html页面中，让脚本与标记混合在一起，也可以使用外部的javascript文件，需要注意的几点有：

1.在包含外部javascript文件时，必须将src属性设置为指向相应文件的url。这个文件既可以是与包含它的页面位于同一服务器上的文件，也可以是其他任何域中的文件。

2.所有<script>元素都会按照他们在页面中出现的先后顺序依次被解析。在不使用defer和async属性的情况下，只有在解析完前面的<script>元素中的代码之后，才会开始解析后面的<script>元素中的代码。

defer:<script>六个属性之一。表示脚本可以延迟到文档完全被解析后显示后再执行。只对外部脚本文件有效。HTML5规范要求脚本按照他们出现的先后顺序执行，因此，多个defer属性的script脚本会按顺序执行，并且先于DOMContentLoaded事件。在实际使用当中不一定会按照这种情况执行。支持html5的实现会忽略这个属性。因此把脚本放到页面底部是最佳选择。async，和defer类似，只适用于外部文件，告诉浏览器立即下载文件。但是与defer不同的是，标记为async的脚本并不保证按照指定他们的先后顺序执行。

3.由于浏览器会先解析完不使用defer属性的<script>元素中代码，然后再解析后面的内容，所以一般应该把<script>元素放在页面最后，即主要内容后面，</body>标签前面。

4.使用defer属性可以让脚本在文档完全呈现之后再执行，延迟脚本总是按照指定他们的顺序执行。

5.使用async属性可以表示当前脚本不必等待其他脚本，也不必阻塞文档呈现。

另外，当浏览器不支持javascript时可以创造一个<noscript>元素，当浏览器不支持javascript时显示相关内容。这个元素能够包含出现在文档<body>中的任何html元素——<script>除外。包含<noscript>元素中的内容只有在下列情况下才会显示出来：

浏览器不支持脚本

浏览器支持脚本，但是脚本被禁用。

符合任何一个条件，浏览器都会显示<noscript>元素中的内容。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript" defer="defer" src="style.js" ></script></head><body><noscript><p>本页面需要浏览器启用javascript！</p></noscript></body>
</html>

在html中使用javascript注意事项相关推荐

Web前端第三季(JavaScript):三:第1章:JavaScript基本知识:107-js中变量的声明+108-js中变量的注意事项+109-js中变量的命名规则+110-赋值和算术运算符
目录一.目的 1.想:学习前端知识 2.想:记录笔记,下次不用看视频,直接看笔记就可以快速回忆. 二.参考 1.我自己代码的GitHub网址 2.SIKI学院:我参考此视频实操 3.w3school ...
createprocess重启程序_C++_VC程序设计中CreateProcess用法注意事项，对于windows程序设计来说，启动 - phpStudy...
VC程序设计中CreateProcess用法注意事项对于windows程序设计来说,启动一个进程有三种方法:WinExec,ShellExecute,CreateProcess.这里仅对Create ...
java 调用js脚本_Java中使用JavaScript脚本的方法步骤
简介 Nashorn Nashorn 一个 javascript 引擎. 从JDK 1.8开始,Nashorn取代Rhino(JDK 1.6, JDK1.7)成为Java的嵌入式JavaScript引 ...
vue页面数据不显示_PHP7中session_start 使用注意事项，会导致浏览器刷时页面数据不更新...
//PHP7中session_start 使用注意事项, session_start(['cache_limiter' => 'private', //在读取完毕会话数据之后马上关闭会话存储文件 ...
js如何运行python代码_python中执行javascript代码
python中执行javascript代码: 1.安装相应的库,我使用的是PyV8 2.import PyV8 ctxt = PyV8.JSContext() ctxt.enter() func = ...
攻下《JavaScript高级程序设计》——第二章在HTML中使用JavaScript
从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...
[译] ES6+ 中的 JavaScript 工厂函数（第八部分）
本文讲的是[译] ES6+ 中的 JavaScript 工厂函数(第八部分), 原文地址:JavaScript Factory Functions with ES6+ 原文作者:Eric Elliot ...
在js中加html_在HTML文档中嵌入JavaScript的四种方法
在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 1.内嵌,放置在标签之间 (少): 2.放置在有 3.放置自HTML事件处理程序中,该事件处理程 ...
如何在html中写javascript代码,如何在本地html代码中使用javascript脚本
我在jsfiddle中的代码正在工作,但是当我尝试在本地使用它时没有. 我不知道如何解决它,因为我认为代码是正确的. 我也尝试下载Jquery文件,并将其链接到代码中,但它不起作用.我确信这是一个愚蠢 ...

在html中使用javascript注意事项

在html中使用javascript注意事项相关推荐

最新文章

热门文章