19 -iframe,iconfont,swiper

iframe/iconfont/swiper

• iframe
• iconfont
• swiper

iframe

iframe是什么?

iframe是一个标签,可以在页面中插入另外的文本/页面内容

类似于img,可以引入内容替换iframe标签

iframe的特点

属性:

• width/height 类似图片的宽高(无单位)
• frameborder = ‘1’/’0’ 是否显示边框默认为1(显示)
• scrolling = ‘yes’/’no’/’auto’ 是否显示滚动条,auto:当需要时再显示滚动条
• 上面这些是行内样式,可以内联样式修改属性,当然还有其他属性,这里举几个而已

用法

a标签的target的指向

<iframe name="myiframe"></iframe>
<a href="myiframe" href="https://www.baidu.com">连接</a>
/* 可以指定链接在iframe内打开 */

阿里图标iconfont

阿里巴巴矢量图标库

• 需要注册账号
• 添加所需图片到项目当中
• 使用方法
  
  • unicode引用方式:兼容性好,类似于控制字体,单色
  • font-class引用方式:通过类名调用,语义明确书写直观,单色

swiper的使用

• swiper官网

• swiper使用教程

• swiper4 api文档
• 需要下载插件文件和js文件,或者在线引用css文件和js文件,还有简单的几句js代码