![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
荔枝之之
这个作者很懒,什么都没留下…
展开
-
【javascript】JS+DOM实现图片库
【思考】把图片发布到网上有很多方式,但是简单地将所有图片都放在一个网页里,需要下载的数据量巨大,导致网页加载速度慢。我们必须面对一个现实:没有人愿意花很长的时间去加载一个网页。【解决方法】利用javascript来创建图片库:把整个图片库的浏览链接加载到无序列表中,并使用img标签加载一个占位符,当点击图片超链接时,将占位符的src修改为所点击的图片的超链接值。【实现】html代码:&...原创 2019-06-12 22:04:13 · 323 阅读 · 0 评论 -
【javascript】DOM——最佳实践
一、平稳退化平稳退化:确保页面在没有Javascript的情况下也能正常运行。分离Javascript:把页面的结构和内容与Javascript脚本的动作行为分开。向后兼容性:确保老版本的浏览器不会因为你的Javascript脚本而死掉。性能考虑:确定脚本执行的性能最优。window.open(url,name,features)open()用来创建新的浏览器窗口,它的功能对文档的内...原创 2019-06-13 17:49:21 · 131 阅读 · 0 评论 -
【javascript】JS+DOM实现图片库(改进版)
一、它支持平稳退化吗<li> <a href="images/fireworks.jpg" onclick="showPic(this); return false;" title="A fireworks display">Fireworks</a></li>可以发现,在没有javascript的情况下,浏览器会沿着href属性给出的链...原创 2019-06-14 16:06:39 · 341 阅读 · 0 评论 -
【javascript】充实文档的内容
一、显示缩略语缩略语(<abbr>标签)的title属性在浏览器中是隐藏的,我们可以通过JS来动态加载并显示缩略语希望得到的定义列表:<dl> <dt>W3C</dt> <dd>World Wide Web Consortium</dd> <dt>DOM</dt> ...原创 2019-06-26 15:33:05 · 219 阅读 · 0 评论 -
【javascript】动态创建标记
一、一些传统方法document.writedocument对象的write()方法可以方便地将字符串插入到文档里。document.write最大的缺点是违背了“行为应该与表现分离”,即使把document.wirte语句挪到外部函数,也还需要在<body>标签使用<script>标签才能使用。外部js文件:function insertP(text){ ...原创 2019-06-23 19:41:59 · 209 阅读 · 0 评论 -
【javascript】CSS-DOM
一、三位一体的网页结构层:由HTML或XHTML之类的标记语言负责创建表示层:由CSS负责完成行为层:负责内容如何响应事件,由javascript和DOM负责。二、style属性例如,有以下例子<p id="example" style="color:grey;font-family:'Arial',sans-serif;">An example of paragrap...原创 2019-06-26 21:59:48 · 251 阅读 · 0 评论 -
【javascript】实现动画效果
一、动画基础知识1.位置位置信息通常由CSS负责设置element { position:absolute; top:50px; left:100px;}也可以使用DOM实现相同的效果element.style.position = "absolute";element.style.left = "100px";element.style.top = "50px";po...原创 2019-07-05 18:30:37 · 912 阅读 · 0 评论