第九十七节，使用JavaScript

时间 2019-11-12

标签第九十七使用 javascript 栏目 JavaScript 繁體版

原文原文链接

使用JavaScriptjavascript

学习要点：html

1.建立一张HTML页面java

2.<Script>标签解析浏览器

3.JS代码嵌入的一些问题缓存

一．建立一张HTML页面学习

由于JavaScript是嵌套在html文档中的，因此要想建立一个html文档编码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解</title>
</head>
<body>

</body>
</html>

二．<Script>标签解析spa

<script>xxx</script>这组标签，是用于在html页面中插入js的主要方法。它主要有如下几个属性：code

1.charset：可选。表示经过src属性指定的字符集。因为大多数浏览器忽略它，因此不多有人用它。就是给js指定字符编码htm

　　如：

 <script type="text/javascript" src="1.js" charset="UTF-8"></script>

2.defer：可选。表示脚本能够延迟到文档彻底被解析和显示以后再执行。因为大多数浏览器不支持，故不多用。

3.language：已废弃。原来用于代码使用的脚本语言。因为大多数浏览器忽略它，因此不要用了。

4.src：可选。表示包含要执行代码的外部文件。

　　如：

<script type="text/javascript" src="1.js" charset="UTF-8"></script>

5.type：必需。能够看做是language的替代品。表示代码使用的脚本语言的内容类型。

　　在HTML文档里写范例：type="text/javascript"。

<script type="text/javascript">
    alert('欢迎来到JavaScript世界！');
</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解</title>
    <script type="text/javascript">
        alert('欢迎来到JavaScript世界！')
    </script>
</head>
<body>

</body>
</html>

三．JS代码嵌入的一些问题

若是你想弹出一个</script>标签的字符串，那么浏览器会误解成JS代码已经结束了。解决的方法，就是把字符串分红两个部分，经过链接符‘+’来链接。

<script type="text/javascript">
    alert('</scr'+'ipt>');
</script>

通常来讲，JS代码愈来愈庞大的时候，咱们最好把他另存为一个.js文件，经过src引入便可。它还具备维护性高、可缓存(加载一次，无需加载)、方便将来扩展的特色

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

这样标签内就没有任何JS代码了。但，要注意的是，虽然没有任何代码，也不能用单标签：

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

也不能在里面添加任何代码：

<script type="text/javascript" src="demo1.js">alert('我很可怜，执行不到！')</script>

按照常规，咱们会把<script>标签存放到<head>...</head>之间。但有时也会放在body之间。

<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解</title>
    <script type="text/javascript">
        alert('欢迎来到JavaScript世界！')
    </script>
</head>

平稳退化不支持JavaScript处理：<nosciprt>，如今浏览器都支持了，但有的浏览器关闭了js支持功能，咱们能够用<nosciprt>标签给予提示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript讲解</title>
    <script type="text/javascript">
        alert('欢迎来到JavaScript世界！')
    </script>
</head>
<noscript>
    本站必须开启JavaScript支持，请将浏览器开启支持JavaScript
</noscript>
你好
<body>

</body>
</html>