Javasrcipt---HTML中使用Javascript

时间 2019-12-08

标签 javasrcipt html 使用 javascript 栏目 HTML 繁體版

原文原文链接

在HTML中使用Javascript：javascript

————————————————————————————————————————————————————————html

主要内容;html5

1、<script>元素的使用。java

2、嵌入脚本和外部引入脚本。浏览器

3、文档模式对Javasrcipt的影响。异步

4、什么状况下考虑禁用Javascript。async

————————————————————————————————————————————————————————函数

1、<script>元素的使用：spa

一、在网页中使用Javascript的主要方法就是使用<script>元素来实现。如今<srcipt>元素是HTML规范中的一员，在HTML 4.01中为<script>元素定义了6个属性：htm

a、async --可选；

b、charset --可选；

c、defer -- 可选；

d、language --废弃；

e、src -- 可选；

f、type -- 可选。

—————————————————————————————————————————————————————————

2、嵌入脚本和外部引入脚本

有两种使用方法：第一种直接在HTML页面中写入：

function sayhi(){

alert("hello");

}

</script>

包含在<script>元素内的的代码会被从上至下一次被执行，解释器会一个函数一个函数的解释，在一个函数没被解释完之前其余的都是不会发生任何的变化的。

第二种方法：嵌入外部的js文件：

这样就能够成功的引入一个js的文件了。

注意若是在包含src属性的<script></script>元素中在写入js的代码，这里的代码会被忽略，仍是执行经过src引入的js文件。

几个疑惑点：

你们都知道HTML标签执行的时候是从上至下一行一行的执行的那么把javascript标签方在<head>标签这里，是否是就是在页面加载内容以前就的把全部的javascript加载彻底呢？要是javascript的

代码不少加载的时间很长那岂不是，加载的这段时间浏览器将是空白的，必然用户体验就差了这是个问题？？

解决这个问题通常有三个办法：

一、把<script>元素放到</body>元素上面。

二、使用延迟加载属性“defer”eg:<script type="text/javascript" defer="defer" src="example.js"></script>

三、异步加载在html5中定义 "async“属性。