×

async 属性 c

script标签中defer和async属性的区别?css样式大全

admin admin 发表于2022-05-18 09:29:38 浏览121 评论0

抢沙发发表评论

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


 script标签存在两个属性,defer和async,因此script标签的使用分为三种情况:

  1.《script src=“example.js“》《/script》

   没有defer或async属性,浏览器会立即加载并执行相应的脚本。也就是说在渲染script标签之后的文档之前,不等待后续加载的文档元素,读到就开始加载和执行,此举会阻塞后续文档的加载;

  2.《script async src=“example.js“》《/script》

   有了async属性,表示后续文档的加载和渲染与js脚本的加载和执行是并行进行的,即异步执行;

  3.《script defer src=“example.js“》《/script》

有了defer属性,加载后续文档的过程和js脚本的加载(此时仅加载不执行)是并行进行的(异步),js脚本的执行需要等到文档所有元素解析完成之后,DOMContentLoaded事件触发执行之前。

css样式大全


定义2种不同的链接样式,然后再文件中调用不同的样式,就可以实现不同的链接效果

《title》南天门永远的橘子《/title》
《style type=“text/css“》
《!--
.orange{
background-color:orange;
padding:10px;}

.one A:link {
color: white;
text-decoration: underline;
}
.one A:visited {
text-decoration: none;
color: white;
}
.one A:hover {
color: blue;
text-decoration:underline;
}
.one A:active {
color: red;
text-decoration:none;
}

.two A:link {
color: black;
text-decoration: none;
}
.two A:visited {
text-decoration: none;
color:black;
}
.two A:hover {
color: white;
text-decoration:underline;
}
.two A:active {
color: red;
text-decoration:none;
}

--》
《/style》《/head》

《body》
《div class=“orange“》
《div class=“one“》22《a href=“#“》连接效果1《/a》22《/div》
《div class=“two“》22《a href=“#“》不同的连接效果2《/a》22《/div》

《/div》
《/body》
《/html》

javascript 特效有什么


简单的比如鼠标事件(滑过、放上、离开产生的动态变化)、表格的展开与合并、菜单的动态设计(也是展开合并或者树状结构的菜单都可以实现)、消息框等。。。
麻烦点的,比如页面时钟、浮动窗口、托窗。。。
如果想玩的炫点的话,可以考虑2L说的JQuery,对动态效果的设计蛮方便的。。
-属性