检查iframe页面是否包含使用JavaScript或jQuery的内容
Check if iframe page has content using JavaScript or jQuery
我正在动态创建一个iframe标记,它从页面中提取内容,在显示之前如何检查我从中提取的页面是否有内容?在生成iframe标记之前,我应该先检查内容吗?
如何检查iframe页面是否为"<html><body></body></html>
",因此不显示"adContainer"?
以下是我迄今为止编写的一些代码。。。
function setAttributes(el, attrs) {
for(var key in attrs) {
el.setAttribute(key, attrs[key]);
}
}
// set ad iframe
function setAdiFrame(iWidth, iHeight, bookname) {
var randNum = Math.floor(Math.random()*1000000000);
var adFrame = document.createElement('IFRAME');
setAttributes(adFrame, {
"src": "http://www.foo.com/" + bookname + "/;cat=" + bookname + ";sz=" + iWidth + "x" + iHeight + ";ord=" + randNum,
"height": iHeight,
"width": iWidth,
"border": "0",
"scrolling": "no",
"allowtransparency": "true"
});
$('.ad').append(adFrame);
}
// ad container
var adContainer = $('.ad-container');
// check if ad container exist
if(adContainer.length > 0) {
// check if it's mobile
if(categorizr.isMobile) {
setAdiFrame(300, 400, 'bookname');
// otherwise, show desktop ad
} else {
setAdiFrame(728, 660, 'bookname');
}
// show ad once iframe page is loaded
adContainer.find('iframe').on('load', function() {
adContainer.css('display', 'block');
});
}
adContainer的输出标记就是这样。
<div class="ad-container" style="display: block;">
<div class="ad">
<a id="close" href="button:close"></a>
<iframe src="http://www.foo.com;bookname/;cat=bookname;sz=728x660;ord=849890967" height="660" width="728" border="0" scrolling="no" allowtransparency="true"></iframe>
</div>
</div>
IFrame页面src中输出的html可以是"<html><head></head><body></body></html>
"。如果是这样的话,我不想显示adContainer。
if(adFrame.contents().find("body").html()=="") {
adContainer.css('display', 'none');
}
相关文章:
- jQuery/Javascript.toggleClass/.classList.toggle的特殊行为
- 学生搜索项目jquery/javascript
- jQuery/JavaScript在线公文包表单-打印样式表
- 如何在页面加载中使用Jquery/Javascript确定img源
- DataTables合并了两个独立表中的jQuery/Javascript函数
- 在 Jquery/Javascript 中使用多个 OR (||) 运算符时如何设置变量
- 如何在jquery+javascript中只在输入框中输入数字(使用regex)
- 在Jquery/Javascript中的Array中插入Textbox值
- 使用Jquery/Javascript替换CSS属性
- Jquery/Javascript:通过按下按钮显示数组中的随机图像
- 选中复选框的Jquery/Javascript问题使用输入框操作将行从一个表添加到另一个表
- 在for循环中未获取JQuery/JavaScript对象值
- 使用jQuery/Javascript在Facebook上发送消息
- jQuery/Javascript foreach If/Else |如果为空(不执行任何操作)Else(显示forea
- 使用jQuery+Javascript识别一个空文本节点
- jquery/javascript字符串中的撇号
- jQuery/Javascript在内容可编辑的当前段落后插入元素
- 在页面加载时激活jQuery/Javascript函数
- 如何创建php函数或任何脚本/jquery Javascript,使我能够获取与复选框关联的值并添加它们
- Jquery/Javascript使用IF/ELSE语句更改img SRC