javaScript简介与Script标签(1)

x33g5p2x  于2021-08-23 转载在 JavaScript  
字(1.6k)|赞(0)|评价(0)|浏览(120)

一 js简介

  1. ECMAScript : 由 ECMA-262定义的语言核心功能
  2. 文档对象模型(DOM):提供访问和操作网页的方法;HTML的xml结构映射为多层级节点结构;
  3. 浏览器对象模型(BOM):提供浏览器交互的方法;比如窗口的的移动,缩放,打开,关闭等;

使用 VSCODE软件进行编写代码,安装Live Server 插件 便捷式与浏览器交互;

二 script标签

2.1 功能作用

向html中插入 javascript,解释器会自上而下对 <script>标签内容进行解释;

2.2 属性

  1. async : 下载外部脚本,异步,不能保证按照顺序下载
  2. charset : 通过 src 指定字符集
  3. defer : 延迟文档解析完成后再执行
  4. src : 引入外部文件
  5. type : text/javascript , 非 IE 可以使用 application/javascript;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        function hello() {
            alert("hello zszxz");
        }
        hello()
    </script>
</body>
</html>

2.3 位置

</script> 标签传统做法放在 head内部,由src 引入 外部的js(如果是url则需要可信赖的链接);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="example.js"></script>
</head>
<body>

</body>
</html>

避免延迟加载放在<body>标签底部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    
</head>
<body>
<!-- 内容-->
<script type="text/javascript" src="example.js"></script>
</body>
</html>

2.4 特殊字符处理

XHTML协议中 a < b 无法被解析

法一 HTML实体 &lt;

法二

<![CDATA[
code
]]>

2.5 注释

单行注释 //

多行注释 <!-- -->

块注释 /** */

2.6文档类型

html5

<!DOCTYPE html>

html4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//en" "http://www.w3.org/TR/html4/strict.dtd"> 

2.7 noscript标签

<noscript> 标签用在javascript无效的情况下会出现;

相关文章

热门文章

更多