- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
有两个 html 页面,如果在第一个页面中单击特定图像,它将转到第二个 html 页面。如果在第二个 html 页面上的任何地方单击它应该返回到第一页并将第二页完全显示在第一页的一个 div 中
1st html page :
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/styles.css" type="text/css" />
<script type="text/javascript" src="../js/scripts.js"></script>
<script type="text/javascript" src="../js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
</head>
<body class="wt-bg" onload="initPr()">
<table class="header">
<tr>
<td id="branding2">
<div>
<img src="images/slogo.png">
</div>
</td>
<td id="header-recent">
<div>
<a href=""><img class="topbar-icon" alt="Recent" src="images/nav_re.png"></a> <a
href=""><img class="topbar-icon" alt="Gift" src="images/nav_gt.png"></a> <a href=""><img
class="topbar-icon" alt="New" src="images/nav_new.png"></a>
</div>
</td>
<td class="header-uscart">
<div>
Hello <label id="username"></label>
<a onclick="openH()"><img class="topbar-icon" alt="Home" src="images/nav_ho.png"></a>
<a onclick="openUsDe()"><img class="topbar-icon" alt="Account" src="images/nav_act.png"></a>
<a onclick="openPre()"><img class="topbar-icon" alt="Settings" src="images/nav_pref.png"></a>
<a onclick="openCt()"><img class="topbar-icon" alt="Cart" src="images/nav_shcart.png"></a>
<a onclick="openWce()"><img class="topbar-icon" alt="Logout" src="images/nav_custcare.png"></a>
</div>
</td>
</tr>
</table>
<table class="main" border="1">
<tr>
<td class="left-bar top">
<div id="left-scroll">
<div class="category-title">Category</div>
<ul id="cat-list" class="category-list">
<li class="category-title">Category</li>
<li class="category-name"><a onclick="openCategory('toys')" class="no-underline">Kids
toys</a></li>
<li class="category-name"><a onclick="openCategory('mobile')" class="no-underline">Mobile</a></li>
<li class="category-name"><a onclick="openCategory('tv')" class="no-underline">Television</a></li>
<li class="category-name"><a onclick="openCategory('clothing')" class="no-underline">Clothing</a></li>
<li class="category-name"><a onclick="openCategory('watches')" class="no-underline">Watches</a></li>
</ul>
</div>
</td>
<td class="top">
<div id="item-content">
<div class="div-home">
<marquee scrollamount="2">
<div class="home-subtitle">Favorite Brand Store
Favorite Brand Store
Favorite Brand Store
</div>
</marquee>
<div class="hscrollview">
<img class="small-icon" src="images/le_small.png" onclick="openItem()">
<img class="small-icon" src="images/sams_small.png">
<img class="small-icon" src="images/gucci_small.png">
<img class="small-icon" src="images/se_small.png">
<img class="small-icon" src="images/dis_small.png">
<img class="small-icon" src="images/leo_small.png">
</div>
</div>
<div class="div-home">
<marquee scrollamount="2">
<div class="home-subtitle">Offers
Offers
</div>
</marquee>
<div class="hscrollview">
<div class="excl-offer">
RemoteControlled Toys<br>
<img class="small-icon" src="images/nav_side_ad2.png">
</div>
<div class="excl-offer">
Trousers<br>
<img class="small-icon" src="images/nav_side_ad4.png">
</div>
<div class="excl-offer">
Watches<br>
<img class="small-icon" src="images/nav_side_ad1.png">
</div>
<div class="excl-offer">
Phones<br>
<img class="small-icon" src="images/nav_side_ad5.png">
</div>
</div>
</div>
</div>
</td>
<td class="right-bar left-border top">
<div id="right-scroll">
<ul style="list-style-type: none; padding-left: 0px">
<li><img class="small-icon" src="images/naspeoffer.png">
<li><img class="small-icon" src="images/ntoy.png">
<li><img class="small-icon" src="images/mob.png">
<li><img class="small-icon" src="images/tel.png">
<li><img class="small-icon" src="images/clot.png">
<li><img class="small-icon" src="images/wat.png">
</ul>
</div>
</td>
</tr>
</table>
<div id="product-details">
<div style="display: table-row;">
<div class="inline-block">
<img id="product_image" src="" width="150px" height="150px">
</div>
<div class="inline-block top" style="height: 150px; border: 1px solid green;">
<input type="hidden" id="pid" value="0"> <label id="product_name" class="bold font4"></label><br>
<label id="product_desc"></label><br> <label id="product_cost"></label>
<button class="roundbutton no-border button-font" onclick="adToCa(1)">BUY</button>
</div>
<table class="match-parent">
<tr>
<td class="left">
<button class="roundbutton no-border button-font" onclick="opHome()">Continue
Shopping</button>
</td>
<td class="right">
<button class="roundbutton no-border button-font" onclick="adToCa(0)">Add to
Shopping Cart</button>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
需要在第一个 html 页面中显示下面的第二个 html 页面。
第二个 html 页面:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>Insert title here</title>
<link rel="stylesheet" href="../css/styles.css" type="text/css" />
<script type="text/javascript" src="../js/scripts.js"></script>
<script type="text/javascript" src="../js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="/js/jquery/jquery-1.3.2.min.js"></script>
</head>
<body>
<div id="initial-div" class="full-banner">
<div class="Item-header">
<img src="images/aa.png" style="margin-right: 50px;">
<label class="item-link1" onclick="showItemByGen('bbb','men')">Men</label>
<label class="item-link1" onclick="showItemByGen('ccc','women')">Women</label>
<label class="item-link1" onclick="showItemByGen('ddd','shoe')">Shoes</label>
</div>
<div id="item-content">
<img id="image-current" src="images/item1.png" onclick="openItemInFirstPage()"
style="max-width: 100%; max-height: 100%; margin: auto; display: block;>
<div id="ITemTouch">
<div id="images">
<img src="images/itemimg1.png">
<img src="images/itemimg2.png">
<img src="images/itemimg3.png">
</div>
</div>
</div>
</div>
Clicked the image with id="image-current" in 2nd page : onclick="openItemInFirstPage() which takes to 1st page , also it takes the 2nd page html in a variable and appends it to 1st page div as below
openItemInFirstPage = function(){
SysJump.go("shop_home.html");
$('#item-content').empty();
var brand = 'aaa';
var gender = 'women';
var levisitem = '<div id="initial-div" class="full-banner"> '
+ '<div class="Item-header"> '
+ ' <img src="images/aa.png" style="margin-right: 50px;"> '
+ ' <label class="item-link1" onclick="showItemByGen('bbb','men')">Men</label> '
+ ' <label class="item-link1" 'onclick="showItemByGen('ccc','women')">Women</label> '
+ ' <label class="item-link1" onclick="showItemByGen('ddd','shoe')">Shoes</label> '
+ '</div> '
+ '<div id="item-content"> '
+ '<img id="image-current" src="images/item1.png" onclick="openItemInFirstPage()"
style="max-width: 100%; max-height: 100%; margin: auto; display: block;> '
+ ' <div id="ITemTouch"> '
+ ' <div id="images"> '
+ ' <img src="images/itemimg1.png"> '
+ ' <img src="images/itemimg2.png"> '
+ ' <img src="images/itemimg3.png"> '
+ ' </div> '
+ ' </div> '
+ ' </div> '
+ ' </div>'
alert(item);
$('#item-content').append(item);
}
但是我没有得到 div 中的第二页。如果我将它添加到 var 元素中则不起作用。为什么会这样?
我的 CSS 是:
.brand-header {
display: table-row;
border: 1px solid red;
background: black;
width: 100%;
}
.full-banner {
border: 1px solid red;
background: black;
width: 100%;
position: absolute;
}
.brand-link1 {
display: table-cell;
color: white;
font-family: calibri;
font-size: 25px;
width: 100px;
text-align: center;
vertical-align: middle;
}
.small-icon {
width: 120px;
height: 120px;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 20px;
}
最佳答案
你可以为此使用 iframe
在你的第一页使用
<iframe style="width:200px;height:200px" src="you 2nd page url"></iframe>
关于html - 如何在不使用 jquery 的情况下在另一个 html 页面 div 中显示 html 页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27815706/
我是 Java 新手,这是我的代码, if( a.name == b.name && a.displayname == b.displayname && a.linknam
在下面的场景中,我有一个 bool 值。根据结果,我调用完全相同的函数,唯一的区别是参数的数量。 var myBoolean = ... if (myBoolean) { retrieve
我是一名研究 C++ 的 C 开发人员: 我是否正确理解如果我抛出异常然后堆栈将展开直到找到第一个异常处理程序?是否可以在不展开的情况下在任何 throw 上打开调试器(即不离开声明它的范围或任何更高
在修复庞大代码库中的错误时,我观察到一个奇怪的情况,其中引用的动态类型从原始 Derived 类型更改为 Base 类型!我提供了最少的代码来解释问题: struct Base { // some
我正在尝试用 C# 扩展给定的代码,但由于缺乏编程经验,我有点陷入困境。 使用 Visual Studio 社区,我尝试通过控制台读出 CPU 核心温度。该代码使用开关/外壳来查找传感器的特定名称(即
这可能是一个哲学问题。 假设您正在向页面发出 AJAX 请求(这是使用 Prototype): new Ajax.Request('target.asp', { method:"post", pa
我有以下 HTML 代码,我无法在所有浏览器中正常工作: 我试图在移动到
我对 Swift 很陌生。我如何从 addPin 函数中检索注释并能够在我的 addLocation 操作 (buttonPressed) 中使用它。我正在尝试使用压力触摸在 map 上添加图钉,在两
我设置了一个详细 View ,我是否有几个 Nib 文件根据在 Root View Controller 的表中选择的项目来加载。 我发现,对于 Nibs 的类,永远不会调用 viewDidUnloa
我需要动态访问 json 文件并使用以下代码。在本例中,“bpicsel”和“temp”是变量。最终结果类似于“data[0].extit1” var title="data["+bpicsel+"]
我需要使用第三方 WCF 服务。我已经在我的证书存储中配置了所需的证书,但是在调用 WCF 服务时出现以下异常。 向 https://XXXX.com/AHSharedServices/Custome
在几个 SO 答案(1、2)中,建议如果存在冲突则不应触发 INSERT 触发器,ON CONFLICT DO NOTHING 在触发语句中。也许我理解错了,但在我的实验中似乎并非如此。 这是我的 S
如果进行修改,则会给出org.hibernate.NonUniqueObjectException。在我的 BidderBO 类(class)中 @Override @Transactional(pr
我使用 indexOf() 方法来精细地查找数组中的对象。 直到此刻我查了一些资料,发现代码应该无法正常工作。 我在reducer中尝试了上面的代码,它成功了 let tmp = state.find
假设我有以下表格: CREATE TABLE Game ( GameID INT UNSIGNED NOT NULL, GameType TINYINT UNSIGNED NOT NU
代码: Alamofire.request(URL(string: imageUrl)!).downloadProgress(closure: { (progress) in
我是一名优秀的程序员,十分优秀!