Difference between `script` and `link as=“script”` tags


Difference between `script` and `link as=“script”` tags



Additionally to the standard method of loading scripts:


http://js/script.js



I have seen people do this:


<link href="js/script.js" as="script">



Is there any difference?



Note: There's a similar What's the difference between using link and script tag to reference JavaScript source? question asking about <link href="~/Scripts/jquery-1.4.1.js" type="text/javascript" />, which is different.


<link href="~/Scripts/jquery-1.4.1.js" type="text/javascript" />





stackoverflow.com/questions/12178429/… relevant? (especiallly the comments)
– Rustyjim
Jun 29 at 16:32






@Rustyjim I found this, too, but it is an old question that came to the, at this time, correct solution that link cannot be used to load javascript which does no longer seem to be the case
– MiXT4PE
Jun 29 at 16:34






Well i also found this w3c.github.io/preload/#link-element-extensions maybe helpful :)
– Rustyjim
Jun 29 at 16:43





1 Answer
1



If that link tag had rel="preload" (or rel="modulepreload") on the it, it would indicate a preload request, which would preload, but not run, the script. Whereas of course, script loads and runs the script. But without rel, that link is invalid and has no useful effect (at least in terms of the specification).


link


rel="preload"


rel="modulepreload"


script


rel


link



If you look up link in the spec, you'll see as listed as:


link


as



as — Potential destination for a preload request (for rel="preload" and rel="modulepreload")


as


rel="preload"


rel="modulepreload"



Following the link to as attribute, it says:


as



The as attribute specifies the potential destination for a preload request for the resource given by the href attribute. It is an enumerated attribute. Each potential destination is a keyword for this attribute, mapping to a state of the same name. The attribute must be specified on link elements that have a rel attribute that contains the preload keyword. It may be specified on link elements that have a rel attribute that contains the modulepreload keyword; in such cases it must have a value which is a script-like destination. For other link elements, it must not be specified.


as


href


link


rel


preload


link


rel


modulepreload


link






By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Comments

Post a Comment

Popular posts from this blog

paramiko-expect timeout is happening after executing the command

paramiko-expect timeout is happening after executing the command Can someone help me why timeout is happening after executing the command .I am trying to SSH to a machine and execute a command.I want to store the result of the executed command . I have referred paramiko-timeout but i didn't get my expected result. import traceback try: import paramiko except ImportError: raise Exception("Please install paramiko , pip install paramiko") import pexpect from paramiko_expect import SSHClientInteraction def main(): HOSTNAME = "minion5.net" USERNAME = "root" PASSWORD = "help@432" PROMPT = "root@*:~$s+" try: client = paramiko.SSHClient() client.load_system_host_keys() client.set_missing_host_key_policy(paramiko.AutoAddPolicy()) client.connect(hostname=HOSTNAME, username=USERNAME, password=PASSWORD) with SSHClientInteraction(client, timeout=20, display=True) as interact: ...
Read more

Export result set on Dbeaver to CSV

Export result set on Dbeaver to CSV Normally I use Dbeaver for windows and always export my result set like this: run my query --> select the result --> export the result set --> select export to clipboard --> done This step by step puts my result set in my clipboard and I can paste it wherever I want to work with it. The problem is that now I am using dbeaver for mac and this guide is not working. I can go on until the moment that I select my result set like in the image below: exporting data set But once I go further in the process, in the last step I get: no query Note that in "source" it was suppose to show the query that originated the result set, but instead it says just "select. As a result it does't select my result or anything (besides being "successful"). Normally my query would show up there automatically and I couldn't find any option that corrects this problem in the menus. Please help me! Thanks. Aft...
Read more

Opening a url is failing in Swift

Opening a url is failing in Swift breakpointing inside the callback and logging success shows false. I added itms-apps to my plist: LSApplicationQueriesSchemes and put this in my app delegate: func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool { return true } func moreTapped() { let url = NSURL(string: "itms-apps://itunes.com/developer/quantum-productions/id979315877") if #available(iOS 10.0, *) { UIApplication.shared.open(url! as URL, options: [:], completionHandler: {(success: Bool) in }) } else { UIApplication.shared.openURL(url! as URL) } } Are you testing on a real device? – rmaddy Jun 21 at 23:57 I try on a device, get "Cannot Connect to App Store". Device is online ...
Read more