雨橙_Robinn.top_JS广告三种调用方式

朋友今天要在第三方上两个广告。广告代码是以JS代码。问我怎么插入第三方网站里面。

我喊他把代码发给我。代码如下：

文件名：mediav_ad.js

var mediav_ad_pub = 'ccA7NV_1342768';
var mediav_ad_width = '640';
var mediav_ad_height = '90';

var ck_art_ad = function (pubid_,width_,height_) {
    mediav_ad_pub = pubid_;
    mediav_ad_width = width_;
    mediav_ad_height = height_;
    if (navigator.userAgent.indexOf('Windows NT 5.1') > -1){
        document.writeln("<script type='text/javascript' language='JavaScript' src='http://static.mediav.com/js/mvf_g2.js'><\/script>");
    }else{
        document.writeln("<script type='text/javascript' language='JavaScript' src='https://static-ssl.mediav.com/js/mvf_g2.js'><\/script>");
    }
}



var sc=document.getElementsByTagName('script');
if (undefined != sc[sc.length-1].src.split('?')[1]){
    var paramsArr=sc[sc.length-1].src.split('?')[1].split('&');
    var pid_paramsArr = paramsArr[0].split("=");
    var pid = pid_paramsArr[1];
    var w_paramsArr = paramsArr[1].split("=");
    var w = w_paramsArr[1];
    var h_paramsArr = paramsArr[2].split("=");
    var h = h_paramsArr[1];
    ck_art_ad(pid,w,h);
}

上面这个代码是我封装以后的代码模块。主要用于各种方式的调用。下面三种调用方法。仅供大家参考。

第一种：（直接在HTML页面里面添加JS代码）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>



<!-- 调用方式一： 直接再HTML里面调用 -->
<script type="text/javascript">
    var mediav_ad_pub = 'ccA7NV_1342768';
    var mediav_ad_width = '640';
    var mediav_ad_height = '90';

    var ck_art_ad = function (pubid_,width_,height_) {
        mediav_ad_pub = pubid_;
        mediav_ad_width = width_;
        mediav_ad_height = height_;
        if (navigator.userAgent.indexOf('Windows NT 5.1') > -1){
            document.writeln("<script type='text/javascript' language='JavaScript' src='http://static.mediav.com/js/mvf_g2.js'><\/script>");
        }else{
            document.writeln("<script type='text/javascript' language='JavaScript' src='https://static-ssl.mediav.com/js/mvf_g2.js'><\/script>");
        }
    }

    //ck_art_ad('ccA7NV_1342768','640','90');
    ck_art_ad('wMn837_1275326','336','280');
</script>
</body>
</html>

第二种：（引用JS模块然后再HTML里面调用）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
<!-- 调用方式二： 引用JS模块然后再HTML里面调用 -->
<script type="text/javascript" language="javascript" src="mediav_ad.js"></script>
<script type="text/javascript">ck_art_ad('ccA7NV_1342768','640','90');</script>
</body>
</html>

第三种：（直接引用JS模块传参调用）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
</head>
<body>
<!-- 调用方式三： 直接引用JS模块传参调用 -->
<script type="text/javascript" language="javascript" src="mediav_ad.js?pid=ccA7NV_1342768&w=640&h=90"></script>
</body>
</html>

上面三种调用方式我个人更倾向于第三种方式。仅供大家参考。

注：本文内容均系原创。如需转载分享请标明出处。

posted at 2017-04-15

雨橙

中国.四川.成都