现在的位置: 首页 > web前端 > 正文

amp lt script amp gt 标签的属性

2020年07月09日 web前端 ⁄ 共 1054字 ⁄ 字号 评论关闭

  script标签主要是用来引入js代码的。script标签引入js代码的方式有两种:直接写在<script></script>中间,引入外部的js文件。


  script引入方式:


  <!DOCTYPEhtml>


  <htmllang="zh-CN">


  <head>


  <metacharset="UTF-8">


  <title>Title</title>


  <style>


  *{


  margin:0;


  padding:0;


  }


  </style>


  <scripttype="application/javascript">


  alert("哈哈");


  </script>


  </head>


  <body>


  <div>大家好</div>


  </body>


  </html>


  HTML4.01位<script>标签定义了一下6个属性


  1、async:可选属性。表示应该立即下载脚本且不影响页面中的其他操作。只对外部脚本文件有效。


  2、charset:可选。指定代码字符集。大多数浏览器忽略此值。


  3、defer:可选。脚本延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。


  <head>


  <title>Document</title>


  <scripttype="text/javascript"defer="defer"src="./test.js"></script>


  <scripttype="text/javascript"defer="defer"src="./test1.js"></script>


  </head>


  HTML5规范要求脚本按照他们的先后顺序执行,而这两个脚本会先于DOMContentLoaded事件。现实中两个脚本不一定按照顺序执行,也不一定先于DOMContentLoaded,因此一个文件中最好包含一个延迟脚本。而且此属性有的浏览器可能不支持,因此把延迟脚本放在页面底部而不是head中仍然是最佳选择。


  4、src:可选。外部脚本文件的地址。与defer类似,不同的是async不保证按照它们的先后顺序执行


  5、type:可选。默认值为text/javascript。


  <noscript>标签可以包含在能够出现在<body>中的任何元素,<script>标签除外。


  <noscript>标签中的元素在下列情况会显示出来


  1、浏览器不支持脚本


  2、脚本被禁用


  总之,script给大家简单的介绍了一些,希望大家多看看。

抱歉!评论已关闭.