Can I load javascript code using <link> tag?

前端 未结 8 1484
情歌与酒
情歌与酒 2020-12-02 20:20

Can I load javascript code using tag in my website ?

For example I have a javascript file, test.js, which contains the simple

相关标签:
8条回答
  • 2020-12-02 21:12

    To answer your question directly, no. Not by that method. However I was led to this question while searching a similar issue which lead me to this question. Seeing the answers already supplied which for the most part are correct I went to check syntax on http://w3schools.com/ . It seems that with HTML5 there is a new attribute for for the script elements in html.

    This new attribute allows javascript files to be defered or loaded and executed asynchronously (not to be confused with AJAX).

    I'm just going to leave the link here and let you read up on the details yourself as it is already supplied on the internet.

    http://www.w3schools.com/tags/att_script_async.asp

    0 讨论(0)
  • 2020-12-02 21:17

    Modern browsers support the preload keyword, which is used to preload various resources, including scripts. From MDN:

    The preload value of the <link> element's rel attribute allows you to write declarative fetch requests in your HTML <head>, specifying resources that your pages will need very soon after loading, which you therefore want to start preloading early in the lifecycle of a page load, before the browser's main rendering machinery kicks in. This ensures that they are made available earlier and are less likely to block the page's first render, leading to performance improvements.

    A simple example might look like this (see our JS and CSS example source, and also live):

    <head>
      <meta charset="utf-8">
      <title>JS and CSS preload example</title>
    
      <link rel="preload" href="style.css" as="style">
      <link rel="preload" href="main.js" as="script">
    
      <link rel="stylesheet" href="style.css">
    </head>
    
    <body>
      <h1>bouncing balls</h1>
      <canvas></canvas>
    
      <script src="main.js"></script>
    </body>
    
    0 讨论(0)
提交回复
热议问题