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,对动态效果的设计蛮方便的。。
-属性