Question

我已经用HTML编写了脚本，但是我不知道将脚本放入HTML的最佳方法。

1。头上

<html>
    <head>
        <script></script>
    <head>
    <body></body>
</html>

2。身体之后

<html>
    <head><head>
    <body></body>
    <script></script>
</html>

3。 HTML之后

<html>
    <head><head>
    <body></body>
</html>
<script></script>

Answer 1

根据Yahoo绩效小组，<script>应该放在页面底部。但是由脚本引起的问题是它们阻止并行下载，这可能会减慢页面的速度。

另一个建议是使用async和defer。 HTML async和defer HTML属性使您可以控制何时以及如何下载和执行JavaScript文件。使用这些属性，您可以减少用户等待JavaScript所花费的时间，而无需更改脚本。

Reference

Answer 2

下面是编写脚本的正确方法。

<input type="submit" value="Dinconnect" onclick="c(event)"></input>

</body>
<script src="./js/jquery.min.js"> </script> 
<script>
    var socket = new WebSocket("ws://127.0.0.1:2");
    socket.onclose = function(event) {
        if (event.wasClean) {
            alert(`[close] Connection closed cleanly, code=${event.code} reason=${event.reason}`);
        } else {

            socket.close();
            alert('[close] Connection died');
        }
        };

    function c(e){
        e.preventDefault();
        socket.close(1000, "Work complete");
    }
</script>

2和3在技术上是错误的，但可能在浏览器中可用。

为提高网站性能，请编写如下脚本。

<html>
    <head>
        <script></script>
    <head>
    <body></body>
</html>

Answer 3

这样做：

<html>
    <head><head>
    <body></body>
    <script></script>
</html>

在html文件中编写脚本的正确方法

3 个答案: