你懂script标签和link标签吗?

author author     2023-04-12     431

关键词:

参考技术A <script>标签
script标签有两种用途:

1. 在页面中标识一块脚本代码
2. 加载一个脚本文件
它要依赖于src属性的存在。上面两种情况都需要</script>闭合标签。

script标签可以包含下面的属性:

src=”url”
src属性是可选的。如果存在src属性,它的值应是一个url(网址)表示的.js文件。当浏览器加载,编译与执行文件时,页面将停止装载与处理。<script src="url">与</script>之间不应有任何内容(保持空白)。

如果没有src属性,<script>与</script>之间的文字可被编译与执行。script不能包含序列

</
因为可能与</script>混淆。可以插入反斜线符号在<与/之间避免此问题。

</\
反斜线将被JavaScript编译器忽略。

不要使用<!– //–>这种hack脚本。这种方法可以阻止第一代浏览器(Netscape 1和Mosaic)将脚本显示成文字。已经有很长时间不需要这么做了。<!– //–>是一个HTML注释。注释中的脚本将被忽略,不被编译与执行。同样,HTML注释不包括–,因此脚本将忽略HTML错误。

language=”javascript”
这个属性是不赞成使用的。它被用于选择其它的程序语言或特殊版本的JavaScript。尽量避免使用。

type=”text/javascript”
这个属性是可选的。自从Netscape 2所有浏览器默认的编程语言已经都是JavaScript了。在XHTML中,这个属性是必须的。在HTML中最好不要使用此属性。浏览器可以自行解决。

defer
这个属性试图改变组件在页面中的加载时机。它不能被很好的支持,不要使用此属性。

for=”name” event=”name”
这些属性是微软(Microsoft)的私有属性,用于声明事件句柄。这是不标准的。尽量避免使用。

放置(Placement)
<script src="url"></script>将阻碍页面的其它组件下载,直到script脚本加载、编译、执行完毕。因此越晚调用脚本越好,以便加载图像和其它组件不被延时。 加载脚本将增加感觉中的与实际的页面加载时间。因此通常最好把所有的<script src="url"></script>放置在</body>之前。一个页面内的<script>在加载时没有明显的影响。

如果一个脚本定义了一些用于其它函数的函数与数据,那么必须在用这些函数与数据之前完成定义。因此定义脚本后才可以使用脚本。

document.write
document.write提供了一种将字符串写入HTML页面的方法。有更好的方法这样做,例如.innerHTML和.createElement或者HTML克隆样式(HTML cloning patterns),用于避免使用document.write。

document.write强制性的依赖于加载时机。如果document.write在onload事件前被调用,它会在一个页面中附加或插入文字。如果在onload事件后被调用,它将完全替换页面,摧毁前面完成的所有内容。

document.write使脚本与标记混合起来,助长了坏的结构。清晰的结构尽少使脚本与标记混合使用。

脚本标签骇客
令人惊讶的是src属性不被同源策略(Same Origin Policy)约束。这意味着一个脚本元素可以产生于任何服务器并且加载脚本与执行脚本。如果脚本引发JSON编码的数据传送,这是很有用的。不幸的是没有方法可以在执行前限制与检查脚本。它同页面的其它脚本一样有权利运行。脚本能存取与使用自带的小甜饼(cookies)。它可以存取原始服务器信息用于用户的授权。它可以检查DOM或JavaScript全局对象(global object),而且可以为世界上的任何地方发送信息。脚本骇客标签(Script Tag Hack)是不安全的并且应该避免使用。
参考技术B 懂,有问题吗? 参考技术C 懂,有什么事吗

js动态引入jscss动态创建script/link/style标签

一.动态创建link方式我们可以使用link的方式.如下代码所示.functionaddCssByLink(url){vardoc=document;varlink=doc.createElement("link");link.setAttribute("rel","stylesheet");link.setAttribute("type","text/css");link.setAttribut 查看详情

外部脚本必须包含<script>标签吗?

1.外部脚本不需要<script>标签2引用他的文件必须要有<script>标签来调用参考技术A<scripttype="text/javascript"src="eynycn.js"></script>用这种方式引入外部脚本在外部的js脚本中不需要再使用<script>标签 参... 查看详情

PrettyFaces 和 h:link 结果标签不会重定向到干净的 URL

】PrettyFaces和h:link结果标签不会重定向到干净的URL【英文标题】:PrettyFacesandh:linkoutcometagdon\'tredirecttoacleanURL【发布时间】:2013-10-1509:01:03【问题描述】:我用PrettyFaces重写的错误页面不适用于h:link,我不明白为什么。我的链接应... 查看详情

如何在项目中通过link标签链接自己javascript脚本?

...文件的,如果你非要加载脚本可以让css文件执行脚本创建script元素进行加载background-image:url(javascript:alert(1))将alert(1)换成创建script元素的脚本即可创建方法大概如下,可能会有语法错误,自己修正吧vars=document.createElement('script')... 查看详情

通过ajax加载html页面时,会加载脚本标签吗?

...载脚本标签吗?【英文标题】:Whenloadinganhtmlpageviaajax,willscripttagsbeloaded?【发布时间】:2011-01-1307:26:34【问题描述】:当你使用AJAX加载一个html文档时,它对HEAD标记内的节点做了什么:(script,link,style,meta,title)忽略它们或加载并解... 查看详情

jsp中htmllink和a标签的区别

...建立联系src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分。src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请求src资源时会将其指向... 查看详情

Script 和 Noscript 标签

】Script和Noscript标签【英文标题】:ScriptandNoscripttags【发布时间】:2018-03-1111:41:43【问题描述】:我有一个想要外部化的内联脚本,但我也有该脚本的noscript标签。那么如果我将脚本外部化,我应该把noscript标签放在哪里呢?【问... 查看详情

html——meta标签link标签

...比如针对搜索引擎和更新频度的描述和关键词。<meta>标签位于文档的头部,不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。<!--关键字--><metaname="keywords"content="饮食,文化,文章"/><!--网页描 查看详情

我可以直接将命名路由的标签传递给 <router-link> 吗?

】我可以直接将命名路由的标签传递给<router-link>吗?【英文标题】:CanIdirectlypassalabelforanamedrouteto<router-link>?【发布时间】:2021-11-3005:29:40【问题描述】:在我的router.js中说我有这样的事情:constroutes=[path:\'/\',name:\'home\'... 查看详情

20170721-src和href的区别(代码片段)

...置将外部资源嵌入(使用外部资源替换元素的内容)<scriptsrc="script.js></script>对于上面的代码,当页面解析遇到上面的代码时,页面的下载与解析将会暂停,直到浏览器接收、编译、执行完script.js文件。这个过程与在scrip... 查看详情

html的head标签问题

...给读者。一般head标签有<base>,<link>,<meta>,<script>,<style>,以及<title><base>标签为页面上的所有链接规定默认地址或默认目标。<link>标签定义文档与外部资源的关系。比如一些链接外部的样式文件等&l... 查看详情

我可以使用 css 禁用 <script> 标签进行媒体查询吗?

】我可以使用css禁用<script>标签进行媒体查询吗?【英文标题】:Canidisable<script>tagusingcssformediaqueries[duplicate]【发布时间】:2022-01-1410:44:36【问题描述】:在制作仅适用于桌面的网站并在移动设备上查看时,我希望浏览... 查看详情

link标签

Link标签的属性:rel定义当前文档与目标文档之间的关系。rev定义目标文档与当前文档之间的关系。Link和@import的区别:  1.隶属上的差别     link是一个html的一个标签,而@import是css的一个标签  2.@i... 查看详情

html的标签分类有人明白吗?

双标签:开始标签和结束标签构成,内容放入开始标签和结束标签之间语法:<标签属性名=”属性值”>……内容…..</标签>属性理解人的特征性别=”女”体重=”45”身高=”165”例如<div></div><a></a><html... 查看详情

script标签中defer和async属性的区别

script标签存在两个属性,defer和async,因此script标签的使用分为三种情况:  1.<scriptsrc="example.js"></script>   没有defer或async属性,浏览器会立即加载并执行相应的脚本。也就是说在渲染script标签之后的文档之前,不... 查看详情

基于promise和script标签的jsonp

functionJsonp(url){varurl=url.indexOf(‘?‘)>-1?url+"&callback=callback":url+"?callback=callback";returnnewPromise(function(resolve,reject){varscript=document.createElement(‘script‘);script.src=u 查看详情

script标签的同步和异步(代码片段)

1)、把<script>标签放在<head>中意味着必须等到全部的js代码都下载解析和执行完成以后,才开始展现页面内容,为避免这个问题一般把js代码全部放在<body>元素内容后面2)、script标签不带defer和async属性:同步模式,... 查看详情

html解析和渲染过程与script标签和脚本执行顺序

 几个首要特性:script标签(不带defer或async属性)的会阻止文档渲染。相关脚本会立即下载并执行。document.currentScript可以获得当前正在运行的脚本(Chrome29+,FF4+)脚本顺序再默认情况下和script标签出现的顺序一致 有defer或asyn... 查看详情