欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JS广告跳转

程序员文章站 2022-03-28 09:04:52
...
在网上看到的一段广告代码

Js代码

/webkit/i.test(navigator.userAgent) ? (f = d.createElement('iframe'), f.style.width = 1, f.style.height = 1, f.frameBorder = 0, d.body.appendChild(f).src = 'javascript:"<script>top.location.replace(\'' + u + '\')<\/script>"') : (d.open(), d.write(['<meta http-equiv="refresh"content="0;url=', '"/>'].join(u)), d.close());

上述代码在webkit内核浏览器下新建一个隐藏的iframe做跳转,在IE下通过refresh跳转,涉及到的知识点挺多的。

浏览器判断

/webkit/i.test()该语法比较有奇怪,判断UA是否有webkit关键字。

Js代码

if( /webkit/i.test(navigator.userAgent) )// webkit内核

{

alert('webkit');

}

else if( /msie/i.test(navigator.userAgent) ) // ie

{

alert('ie');

}

Javascript匿名函数还能这么玩

Js代码

function show()

{

return print();

function print(){

console.log('print method');

}

}

跳转属性

window.location.href、location.href 是本页面跳转

parent.location.href 是上一层页面跳转

top.location.href 是最外层的页面跳转

refresh属性值

<meta http-equiv="refresh"content="0;url='www.baidu.com'/>

指定页面meta属性为refresh也可实现页面跳转,content指定N秒钟后实现跳转。