HTML脚本标记教程及示例

HTML<script>是一个标签,用于将一些可执行代码作为脚本放入web时代或HTML代码中<script>标记将包含不同的脚本,这些脚本可以是JavaScript或webglsl编程语言,也可以提供对要加载和执行的外部脚本的引用。

安德玛官方UA MFO Live Script女子训练运动短袖T恤1363494
宽松剪裁,柔软舒适,运动灵活,连肩袖设计 | 月销量1158件
优惠价199元
原价¥199

淘口令:

¥KCHUX7QKLte¥
 

<script>标记和JavaScript

<script>是一个开始脚本块的标记,脚本块以</script>封闭标记结束。这些标记中的块将被称为脚本体或块,并且可能包含JavaScript、WebGL GLSL或对外部脚本文件的引用,这些文件可以是来自当前域或外部域的服务器。但一般来说,script标签是用来运行JavaScript代码的,这是非常流行的,甚至是网页的实际脚本语言。

<script>  alert("This is JavaScript");</script>

运行脚本代码

script标记用于运行JavaScript代码,代码将放在script标记中。给定的代码将在不等待特定事件的情况下立即执行。在下面的示例中,我们将显示一个包含消息的消息框。

The HTML Script Tag Example

      <script>         alert("I like cppku.com");         </script>

设置脚本类型

甚至有多种脚本语言可以与script标记一起使用JavaScript是默认的脚本语言,隐式地与script一起使用。或者,我们可以使用type脚本标记的属性。在下面的示例中,我们将放置两个脚本块,其中第一个是JavaScript,值是text/javascript第二个块是WebGL,它的值是x-shader/x-vertex.

The HTML Script Tag Example

      <script type="text/javascript">         alert("I like cppku.com");      </script>      <script type="x-shader/x-vertex">         attribute vec2 aVertexPosition;      </script>

指定外部脚本文件

脚本标记还可以加载和运行外部脚本文件。脚本文件可以在同一个域上,也可以在另一个域上。脚本文件路径或URI将使用属性指定src.

The HTML Script Tag Example

      <script src="cppku.js"></script>      <script src="../scripts/poftut.js"></script>      <script src="https://www.cppku.com/scripts/my.js"></script>   

异步运行脚本

默认情况下,将尽快加载脚本文件的指定脚本块。但在某些情况下,使用延迟加载可能更为有利,这称为异步加载。这将迭代脚本的加载,并为web客户端或web浏览器创建较少的负载。延迟加载通常与外部脚本文件和属性一起使用async已使用。在下面的示例中,将同步加载所有外部脚本文件。

The HTML Script Tag Example

      <script src="poftut.js" async=""></script>      <script async="" src="../scripts/cppku.js"></script>      <script async="" src="https://www.cppku.com/scripts/my.js"></script>   

为外部脚本设置字符集/编码

默认情况下,脚本块使用当前HTML文档字符集或编码。在某些情况下,脚本块(尤其是外部脚本文件)的编码可能与当前HTML文档不同。

The HTML Script Tag Example

      <script charset="UTF-8" src="cppku.js"></script>      <script charset="ISO-8859-1" src="../scripts/cppku.js"></script>      <script src="https://www.cppku.com/scripts/my.js" charset="UTF-8"></script>   

页面解析后执行脚本

即使异步提供了延迟加载,也有另一种加载外部脚本的方法,称为defer属性。使用defer属性,给定的外部脚本将在页面解析之后加载,这意味着在HTML文档或web页面的所有元素都被正确解析和放置之后。延迟属性只能用于外部脚本文件。

<script>(vitag.Init = window.vitag.Init || []).push(function(){viAPItag.display(“vi_279912”)})</script>

The HTML Script Tag Example

      <script src="poftut.js" defer=""></script>      <script defer="" src="../scripts/poftut.js"></script>      <script defer="" src="https://www.poftut.com/scripts/my.js"></script>   
© 版权声明
THE END
喜欢就支持一下吧,技术咨询可以联系QQ407933975
点赞12
分享