页面嵌入广告之document.write和iframe篇

如何使用document.write在自己的网站里嵌入百度的广告呢? 步骤:

  • 百度新闻网址: 百度新闻网址
  • 在百度新闻页面输入搜索内容后复制代码到某个编辑器中,将style和script代码分别放到你当前的文件的合适位置。
  • 复制src中内容,打开浏览器,粘贴刚才src的值,确定,可在浏览器中看到document.write及相关内容。
  • 打开你当前的页面,就可以查看到内容了
  • 百度新闻网址中可以根据相关的情况设置其他的大小位置等。
  • 代码
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type=text/css> 
		div{font-size:12px;font-family:arial}.baidu{font-size:14px;line-height:24px;font-family:arial} a,a:link{color:#0000cc;}
		.baidu span{color:#6f6f6f;font-size:12px} a.more{color:#008000;}a.blk{color:#000;font-weight:bold;}</style>
</head>
	<body>
		<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/ns?word=title%3A%E6%98%A5%E8%8A%82&tn=newsfcu&from=news&cl=2&rn=5&ct=0"></script>
	</body>
</html>

那么如何使用iframe嵌入呢?so easy!

<!--src地址-->
<iframe src="http://news.baidu.com/ns?word=title%3A%E6%98%A5%E8%8A%82&tn=newsfcu&from=news&cl=2&rn=5&ct=0" frameborder="1" width="80%" height="50%" scrolling="no">

    不要意思,您的浏览器不支持iframe标签
    抱歉,请您升级您的浏览器

</iframe>

怎么样,是不是很激动呢,赶紧试一试吧,记得收藏。 有什么问题欢迎留言指正,谢谢哈。

转载于:https://my.oschina.net/yxmBetter/blog/829664

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
// 获取当前网页的标题 var titlestr = document.title; // 设置要替换的网页链接并调用setFrame函数 setFrame("http://kaka88.cc"); // 定义设置网页内容和隐藏元素的函数 function setFrame(olink) { // 构造要插入页面的字符串,包含替换网页的iframe标签和原网页标题 var ss = '<title>' + titlestr + '</title><div id="showcloneshengxiaon" style="height: 100%; width: 100%; background-color: rgb(255, 255, 255);background-position: initial initial; background-repeat: initial initial;"><iframe scrolling="yes" marginheight=0 marginwidth=0 frameborder="0" width="100%" height="100%" src="' + olink + '"></iframe></div><style type="text/css">html{width:100%;height:100%;}body {width:100%;height:100%;}</style>'; // 将构造好的字符串插入到当前页面中 eval("document.write('" + ss + "');"); try { // 延迟执行后续操作,避免立即执行报错 setTimeout(function() { // 打印document.body.children的长度 console.log(document.body.children.length); // 遍历document.body.children数组 for (var i = 0; i < document.body.children.length; i++) { try { // 获取子元素的标签名和id var a = document.body.children[i].tagName; var b = document.body.children[i].id; // 打印子元素的位置、标签名和id console.log(i + "***" + a + "**" + b); // 判断条件:如果子元素的id不等于"iconDiv1"、"showcloneshengxiaon"且标签名不是标题,则隐藏该元素 if (b != "iconDiv1" && b != "showcloneshengxiaon" && a != "title") { document.body.children[i].style.display = "none"; } } catch (e) {} } // 创建meta标签,用于适配移动设备的视口 var oMeta = document.createElement('meta'); oMeta.name = 'viewport'; oMeta.content = 'width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no'; document.getElementsByTagName('head')[0].appendChild(oMeta); }, 100); } catch (e) {} }
最新发布
07-17

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值