script在html中的用法?《script》《script》标签用于
大家好,script在html中的用法相信很多的网友都不是很明白,包括标签用于也是一样,不过没有关系,接下来就来为大家分享关于script在html中的用法和标签用于的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
HTML的<script>标签如何使用
HTML的<script>标签是用来指定客户端脚本的,它可以帮助我们在HTML文档中放置脚本。可以在<script>标签内嵌入脚本代码,也可以使用src属性链接外部脚本文件。本篇文章就来给大家介绍关于html中<script>标签元素使用方法。
<script>标签的属性
在介绍<script>标签的使用方法前,我们要先了解一下<script>标签的属性;<script>标签的属性有:
src属性:用来指定外部脚本文件的URL,链接外部脚本文件的。
type属性:用来指定脚本的媒体(MIME)类型
说明:
1、MIME类型由两部分组成:媒介类型和子类型。对于 JavaScript,其 MIME类型是"text/javascript"。
2、MIME类型的一些值有:
"text/javascript"、"text/ecmascript"、"application/ecmascript"、"application/javascript"、"text/vbscript"。
async属性:这是一个布尔值,用来指定脚本是异步执行的;只兼容HTML5。
defer属性:这也是一个布尔值,用于指示在解析文档后执行脚本。
<script>标签的使用
<script>标签有两种使用方法,下面我们就来具体介绍:
1、<script>标签内嵌入脚本代码
<script>标签可以在<body>或<head>标签内使用,在<script>标签的内部编写脚本代码,以嵌入到HTML文档中。下面我们就来看看在HTML文档中嵌入脚本代码的示例:
<script type="text/javascript">
alert("Gxl网
网址为:www.gxlcms.com");
</script>效果图:
2、使用src属性链接外部脚本文件
<script>标签可用于通过src属性链接外部脚本文件,下面我们就来看看链接外部脚本文件:
<script type="text/javascript" src="jquery.min.js"></script>注:例子中的HTML文档和外部脚本文件-jquery.min.js在同一个目录的同个文件夹下:
HTML中插入脚本(script)
不一定的
脚本语言有多种
比如说常用的VB,VBS,javascript
一般都是用<script language="使用的脚本语言名称类型"></script>来插入脚本语言
也可用<script language="脚本语言类型" scr="脚本文件链接位置"></script>来引入外部的脚本语言程序代码
只是该脚本文件的扩展名必须为.js
因此只适合引入javascript的脚本文件
另外
当引入外部的脚本程序文件时
在该脚本程序文件内部不需要声明代码语言
直接写代码语句就行了
script元素在html中的位置会不会影响JavaScript代码的执行
cript元素的位置会影响JavaScript代码的执行。
一般script元素的位置在html中出现在如下两个位置:
<!DOCTYPE html>
<html>
<head>
<title>简单页面</title>
<!--位置1
<script src=“myscript.js”></script>
-->
</head>
<body>
<p>body文本。</p>
<!--位置2-->
<script src=“myscript.js”></script>
</body>
</html>
位置1:head元素中:尽管在head中的JavaScript代码能很好的工作,但这会使html页面加载变慢,因为浏览器在加载页面其它元素之前,需要运行JavaScript代码。(有少数情况下,你可能需要浏览器马上加载和执行JavaScript代码。比如用JavaScript代码创建页面内容,这时放在head标签中也是可以的。)
位置2:body元素中:我们不想JavaScript影响页面加载,所以将script代码放到最后。这里有个好的经验法则:链接CSS的标签放在head元素中,而链接JavaScript的标签放在body元素最后。将script标签放在最后,还能方便在JavaScript中引用网页中的元素,因为在script会在最后执行,html中的元素已经加载完毕。
可以到教程网-秒秒学上看下相关课程,夯实下基础,希望对你有帮助。
关于script在html中的用法和标签用于的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。