前景
公司要求封装一个js来实现一个弹出框的广告,以便外部的平台来调用。正好js~fancybox为我们提供了iframe功能。我们可以直接使用,不用自己去实现。
fancybox介绍
官网地址:http://www.fancybox.net/
需要注意的是:This site is kept for historical purposes and represents original version of the Fancybox. V4 (the latest), V3 (discontinued) 目前的版本是V4,V3已经停止更新了。
实现
我们此次是用的js,所以还是使用的他的V3的版本,要特别注意:
1.引用的fancybox版本必须是3.*,否则会报错。
2.必须要在引入fancybox.js之前引入jquery.js
以下是我自己封装的index.js文件:
function openIFrame(){
let head = document.getElementsByTagName('head')[0];
var script1 = document.createElement('script');
script1.setAttribute('type','text/javascript');
script1.setAttribute('src','https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js');
head.appendChild(script1);
var scr