Javasrcipt---HTML中使用Javascript

在HTML中使用Javascript:

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

主要内容;

一、<script>元素的使用。

二、嵌入脚本和外部引入脚本。

三、文档模式对Javasrcipt的影响。

四、什么情况下考虑禁用Javascript。

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

一、<script>元素的使用:

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

a、async --可选;

b、charset --可选;

c、defer -- 可选;

d、language --废弃;

e、src -- 可选;

f、type -- 可选。

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

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

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

<script type="text/javascript">

function sayhi(){

alert("hello");

}

</script>

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

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

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

这样就可以成功的引入一个js的文件了。

注意如果在 包含src属性的<script></script>元素中在写入js的代码,这里的代码会被忽略,还是执行通过src引入的js文件。

<script>元素在HTML标签结构中处于那个位置呢?

<script>元素处于<head></head>元素之间。

几个疑惑点:

大家都知道HTML标签执行的时候是从上至下一行一行的执行的那么把javascript标签方在<head>标签这里,是不是就是在页面加载内容之前就的把所有的javascript加载完全呢?要是javascript的

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

解决这个问题一般有三个办法:

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

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

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

<noscript></noscript> 标签元素会在不支持脚本的浏览器或者禁用了脚本的浏览器中提示用户开启显示脚本,而在开启了脚本的浏览器中永远都是不会出现的。


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。