gpt4 book ai didi

html - 在 iframe 中隐藏图像

转载 作者:太空宇宙 更新时间:2023-11-04 03:39:25 30 4
gpt4 key购买 nike

我在 iframe 中有以下页面。也可以在 iframe 之外访问此页面。但是我喜欢做的是隐藏框架中的 Logo (id=llogo),但在直接访问框架内的页面时显示它。

<div id="content" style="border-radius: 20px;">
<iframe id="contentFrame" frameborder="0" src="/ip/changePassword.html" style="height: 496px;">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>Change Password</title>

<link media="screen" type="text/css" rel="stylesheet" href="/static/css/common/style.css">
<link type="text/css" rel="stylesheet" href="/static/js/common/jquery/css/smoothness/jquery-ui-1.9.1.custom.css">
<link media="screen" type="text/css" rel="stylesheet" href="/static/css/webconsole/login.css">
<script src="/static/js/common/jquery/jquery-1.8.2.js" type="text/javascript">
<script src="/static/js/common/jquery/jquery-ui-1.9.1.custom.min.js" type="text/javascript">
<script src="/static/js/common/AM.common.js" type="text/javascript">
<script src="/static/js/common/jquery.corner.js" type="text/javascript">
<script src="/static/js/common/jquery.boxshadow.js" type="text/javascript">
<script src="/static/js/common/change.password.js" type="text/javascript">
</head>

<body>

<div id="pagebg">

<div id="password">

<div id="llogo">
<a class="logo llogo" href="javascript:void(0);">AM</a>
</div>
<div id="credentials"> To change your password, enter the information below </div>

<form id="login-form" method="post" action="changePassword.html">
<input id="input_logid" class="loginField" type="text" disabled="disabled" value="sysadmin" autocomplete="off">
<input type="hidden" value="sysadmin" name="login" autocomplete="off">
<input id="currentPassword" class="passwordField" type="password" autocomplete="off" placeholder="Enter your Current Password" name="currentPassword">
<input id="newPassword" class="passwordField" type="password" autocomplete="off" placeholder="Enter your New Password" name="newPassword">
<input id="newPasswordConfirm" class="passwordField" type="password" autocomplete="off" placeholder="Confirm New Password" name="newPasswordConfirm">
<input type="hidden" value="" name="postbackURL" autocomplete="off">
<input type="hidden" value="" name="changeReason" autocomplete="off">
<input type="hidden" value="0" name="managedSysId" autocomplete="off">
<input type="hidden" value="USR_SEC_DOMAIN" name="securityDomain" autocomplete="off">

<div class="lrow">
</form>
<div id="lbuttons"> </div>
</div>

<div id="log-foot">

<div id="copy">

<div class="dsmweb-footer">
Login to
<a target="_blank" href="https://dsm”>DSM</a>
to access your emails
</div>
<br>
<br>
© 2013 AM LLC Copyright 2013. All Rights Reserved.
</div>

</div>
</div>
<div style="height: 1px;"></div>
</body>

</html>

</iframe>
</div>

我试图通过这样做来实现这一目标,

iframe#contentFrame html body div#pagebg div#password div#llogo {
display: none !important;
}

但这并没有做任何事情。有什么办法可以隐藏它吗?

最佳答案

我认为你不能用 CSS 做到这一点。

但您可以尝试使用 Javascript。使用 jQuery,您可以执行如下操作:

jQuery(document).load(function(){
jQuery('div#llogo', frames['contentFrame']).hide();
});

请记住在 iframe 元素上设置 name 属性。在我的示例中,名称必须是 contentFrame,但您可以随意设置。

请注意,iframe 中的页面必须与父页面位于同一域中,否则由于同源策略,您无法通过 javascript 访问 iframe 内容。有关详细信息,请参阅其他问题: jQuery/JavaScript: accessing contents of an iframe

关于html - 在 iframe 中隐藏图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25150062/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com